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

使用占位符属性：

＆＃13;

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

＆＃13;

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/

在Blur / Focus之后，Html / JS在输入中显示密码

3 个答案: