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/