如何在textfields中設置用戶名和密碼的標籤？

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

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

這怎麼可能？

來源

2010-03-29 NAVEED

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

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

來源

2010-03-29 08:06:11 CeejeeB

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

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

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

（更常見的做法是改變與JS輸入的值，但這可訪問性問題）

來源

2010-03-29 08:04:21 Quentin

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

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

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

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

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

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

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

來源

2010-03-29 08:06:42 thecoshman

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

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

來源

2010-03-29 08:51:38 Tom

如何在textfields中設置用戶名和密碼的標籤？

回答

相關問題