2013-04-30 86 views
4

我想在密碼字段中顯示星號而不是任何值。 當我將字段設置爲type = text時,我可以看到純文本。當我將該類型設置爲密碼時,我得到空白字段。 有沒有辦法將值顯示爲星號?顯示星號而不是密碼字段中的值

<input type="text" id="txtPwd" runat="server" />   

這是我的領域。 由於提前,Laziale

+0

也許是時候更新您的瀏覽器,因爲我的密碼字段就像預期的一樣 - > [** FIDDLE **](http://jsfiddle.net/X38tJ/) – adeneo 2013-04-30 22:00:05

+0

也許我沒有在你的問題中得到一些東西,但爲什麼你不能只添加一個假的值輸入類型=「密碼」來顯示星號? – RafH 2013-04-30 22:00:26

+0

您是否試圖用星號替換字符作爲用戶鍵入它們? – 2013-04-30 22:02:58

回答

4

可以使用HTML5 placeholder屬性:

<input type="password" placeholder="●●●●●●●●●"> 

例子:http://jsfiddle.net/AJ2kn/

2

如果你想將用戶的文本輸入用星號代替你需要使用一個password輸入— a text輸入只是不會這樣做:

<input type="password" id="txtPwd" runat="server" /> 

但是,默認值將爲空白(這也適用於text輸入)。如果你想初始化此爲默認值,你可以做這樣的:

<input type="password" value="dummy" id="txtPwd" runat="server" /> 

注:我強烈建議把一個用戶的密碼作爲密碼字段的默認值!它可能會危及用戶的密碼。

如果你想顯示一些星號作爲佔位符文本時,該字段爲空,你可以做到這一點與placeholder屬性(同樣,這也適用於text輸入以及):

<input type="password" placeholder="*****" id="txtPwd" runat="server" /> 
相關問題