带提示的HTML密码输入

时间:2013-07-08 19:12:37

标签: javascript jquery html passwords masking

我希望在字段内有一个带有提示的输入字段以保存演示空间。

是否可以在具有文本提示的表单上设置跨浏览器密码输入字段,例如密码:*,当您开始键入时,要么屏蔽密码,要么是真正的密码字段。

如果您发布表单,请捕获立即存储为密码的响应,因此不是文本,并且提交的值没有提示,但是如果您清除该框,则会出现提示密码:* re。

3 个答案:

答案 0 :(得分:3)

HTML5具有placeholder属性,您可以将其应用于input元素,如下所示:

<input type="password" placeholder="Enter your password here..." />

如果您需要在HTML5之前的浏览器中支持placeholder-like功能,请查看Cross-Browser Support For HTML5 Placeholder Text In Forms

答案 1 :(得分:1)

<input type="password" placeholder="password goes here" />

http://jsfiddle.net/qwGd6/

http://www.w3schools.com/tags/att_input_placeholder.asp

请注意,IE9及更低版本不支持此功能。去图。

答案 2 :(得分:1)

听起来你正在寻找水印输入字段。如果您使用的是jQuery,则可以使用watermark plugin。此特定插件适用于密码标记输入。

或者您也可以使用HTML 5的占位符here on stackoverflow