Html/JS在Blur/Focus之后显示密码

Question

我有一个简单的表单，其中包含密码字段：

<input required type="password" value="Insert password" style="color:#888;" onfocus="inputFocus(this)"  onblur="inputBlur(this)">

JS函数如下(单击“清除”并更改颜色后)：

function inputFocus(input) {
    if (input.value === input.defaultValue) {
        input.value = "";
        input.style.color = "#000";
    }
}
function inputBlur(input) {
    if (input.value === "") {
        input.value = input.defaultValue;
        input.style.color = "#888";
    }
}

如果我加载页面，我希望看到输入字段中的标准值。对于type="text"类型，这不是问题，但对于type="password"，我只看到点。我希望看到默认值(插入密码)，但是当用户开始输入密码时，他必须看到点。

多么?

感谢您的回复。

Answer 1

使用占位符属性：

​

   <input required type="password" placeholder="Insert password" />

​

Answer 2

HTML5占位符怎么样？您不需要JavaScript来实现这个目的：

<input required type="password" placeholder="Insert password" style="color:#888;">

Answer 3

答案很简单--与其使用value属性作为“插入密码”，不如使用placeholder。

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

http://jsfiddle.net/763bjejn/