Question

所以我有一个密码字段，其值设置为＆＃34;密码。＆＃34;我有一些非常简单的javascript，它将值设置为＆＃39;＆＃39;＆＃39;聚焦状态。我希望密码被阻止，用通常的点替换。问题是，如果我将字段设为密码字段，则为原始值＆＃34;密码，＆＃34;显示为点。是否有任何简单的方法来制作原始值＆＃34;密码＆＃34;其余的，在聚焦后，点？或者我是否必须在onfocus之后更改字体以及只有点的自定义字体？

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
    <title>SuM BUTtonsS DOe</title>
    <link rel="stylesheet" href="buttons.css"/>
</head>
<body>
    <p>Please enter the password.</p>
    <form>
        <input id="password" type="textbox" value="Password" onfocus="if (this.value=='Password') this.value='';" onblur="if (this.value=='') this.value='Password';"/>
    </form>
</body>
</html>

Answer 1

这将更简单，只需使用type ='password'：

<input id="password" type="password" value="Password" />

Answer 2

您不需要JavaScript。使用placeholder属性。最坏的情况是，它不受支持，该字段将是空的。（虽然这是widely supported now。

<input id="password" type="password" placeholder="Password">

Answer 3

最好的方法是使用占位符，因为Toofy在他的回答中说。

如果您想以开始的方式进行，请更改type属性以在文本和密码之间切换：

<input id="password" type="textbox" value="Password" onfocus="if (this.value=='Password') { this.value='';this.setAttribute('type','password')};" onblur="if (this.value=='') { this.value='Password';this.setAttribute('type','text'); }"/>

在这里小提琴：http://jsfiddle.net/1y7Levr4/

密码字段的问题

3 个答案: