在密码字段中显示星号而不是无值

本文关键字:密码 字段 显示 | 更新日期: 2023-09-27 18:11:47

我想在密码字段中显示星号而不是没有值。当我将字段设置为type=text时,我可以看到纯文本。当我设置类型为密码,然后我得到空白字段。是否有一种方法可以将值显示为星号?

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

这是我的字段。提前感谢,Laziale

在密码字段中显示星号而不是无值

您可以使用HTML5 placeholder属性:

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

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

如果你想让用户的文本输入被星号取代,你需要使用password输入— 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" />