JavaScript实现输入框(密码框)出现提示语

要实现输入框或密码框出现提示语，通常可以通过JavaScript来实现。以下是实现该功能的具体攻略：

1. 使用placeholder属性

可以利用HTML标准中已有的placeholder属性来为输入框或密码框添加提示语。通过设置placeholder属性，输入框或密码框右侧会出现灰色文字，提醒用户输入内容的要求。当用户开始在输入框或密码框内输入内容时，灰色文字会自动消失，以避免影响用户的输入。

例如：

<input type="text" placeholder="请输入用户名" />
<input type="password" placeholder="请输入密码" />

2. 使用JavaScript实现

有些浏览器并不支持placeholder属性，或者需要在输入框或密码框中加入其他提示信息，就需要使用JavaScript来实现。实现方式可以是利用事件（如focus、blur）或定时器（setTimeout、setInterval）来动态添加或删除提示信息。

方式一：利用focus、blur事件

可以通过绑定输入框或密码框的focus和blur事件，来在其获取焦点和失去焦点时添加或删除提示信息。以下是一个示例：

<input type="text" id="username" />
<input type="password" id="password" />

<script>
var username_input = document.getElementById("username");
var password_input = document.getElementById("password");

username_input.addEventListener("focus", function() {
    if (this.value === "") {
        this.value = "请输入用户名";
    }
});
username_input.addEventListener("blur", function() {
    if (this.value === "请输入用户名") {
        this.value = "";
    }
});

password_input.addEventListener("focus", function() {
    if (this.value === "") {
        this.value = "请输入密码";
    }
    this.type = "password";
});
password_input.addEventListener("blur", function() {
    if (this.value === "请输入密码") {
        this.type = "text";
        this.value = "";
    }
});
</script>

以上示例中，当输入框或密码框获取焦点时，如果它的值为空，则自动添加提示信息；当输入框或密码框失去焦点时，如果它的值为提示信息，则自动删除提示信息。

方式二：利用定时器

可以利用定时器，周期性地检查输入框或密码框的值，来实现动态添加或删除提示信息。以下是一个示例：

<input type="text" id="username" />
<input type="password" id="password" />

<script>
var username_input = document.getElementById("username");
var password_input = document.getElementById("password");

setInterval(function() {
    if (username_input.value === "") {
        username_input.value = "请输入用户名";
    }
    if (password_input.value === "") {
        password_input.type = "text";
        password_input.value = "请输入密码";
    }
}, 500);

username_input.addEventListener("focus", function() {
    if (this.value === "请输入用户名") {
        this.value = "";
    }
});
password_input.addEventListener("focus", function() {
    if (this.value === "请输入密码") {
        this.type = "password";
        this.value = "";
    }
});
</script>

以上示例中，利用setInterval函数每隔0.5秒检查一次输入框或密码框的值，如果其值为空，则自动添加提示信息；当输入框或密码框获取焦点时，如果它的值为提示信息，则自动删除提示信息。