2010-03-29 142 views
2

我有我的網站的登錄表單。此登錄表單有兩個文本字段,即用戶名和密碼。目前我在textfields之前放置標籤(用戶名,密碼)。但現在我想刪除這兩個標籤,並希望在文本框內顯示文本(用戶名,密碼)。當用戶關注這些文本框時,文本應該被刪除,並且用戶可以輸入他想要的用戶名和密碼。如何在textfields中設置用戶名和密碼的標籤?

我也注意到,當用戶打開登錄表單時,文本字段(用戶名,密碼)中填充的文本(用戶名,密碼)的字體顏色是不同的顏色,當用戶開始在該字段中輸入時,先前的文本被刪除新的字體顏色是黑色的。

這怎麼可能?

回答

3

您可以使用jQuery插件,如本one或本one

這些做你需要的東西,我認爲它們都支持水印的單獨樣式。

+0

第一個爲我工作:http://updatepanel.wordpress.com/2009/04/17/jquery-watermark-plugin/ – NAVEED 2010-03-29 10:14:39

1

請參閱http://dorward.me.uk/tmp/label-work/瞭解使用YUI3和jQuery(但不能同時使用)的可訪問示例,我將在某個階段正確記錄這些示例。

本質上,使用CSS來定位輸入下的標籤,並使用JS來翻轉類。

(更常見的做法是改變與JS輸入的,但這可訪問性問題)

+0

您使用<體類= 「JS」>是完美的。我不允許在body標籤中添加類。你有替代嗎? – NAVEED 2010-03-29 09:47:43

+0

將其設置在其他元素上。 – Quentin 2010-03-29 10:10:09

1

您需要在您的html/php/asp文件中爲您的用戶名和密碼字段設置「值」。在CSS中設置顏色爲灰色的默認樣式。

然後,您需要爲for元素設置onFocus代碼。您需要將其設置爲類似

this.value = ''; this.style.color = 'black' 

您可能還需要屁股一些代碼到的onblur(當盒子左),可以檢查該字段爲空,然後做這樣的事情

if(this.value == ''){ this.value = 'User Name'; this.style.color = 'grey' } 
1

設置該值對於用戶名字段很合適,但是當您嘗試對密碼字段執行相同操作時會遇到各種問題;它不是我會推薦的方法。

由於CeeJeeB表明,這will爲您的需求

相關問題