JavaScript如何实现在文本框(密码框)输入提示语

想要在文本框或密码框中添加输入提示语，可以通过JavaScript的onfocus和onblur事件来实现。

1. 第一种方法：使用value属性和CSS样式

可以给文本框或密码框填入提示语后，通过onfocus事件监听文本框或密码框的获得焦点事件，当获得焦点后，将文本框或密码框的value属性值赋值为空字符串，这样，当用户输入内容时，输入框中的提示语就会被覆盖。

而当输入框没有焦点时，我们需要将输入框的value属性值重新赋值，此时，相当于输入框中没有内容，因此应该将其赋值为提示语。

HTML代码：

<input type="text" id="username" value="Username" style="color: grey;" onfocus="if(this.value === 'Username') {this.value = ''; this.style.color = '#000'}" onblur="if(this.value === '') {this.value = 'Username'; this.style.color = 'grey';}" />

CSS样式可以通过给输入框添加颜色控制。

其中，onfocus事件中，如果输入框中的值为提示语，则清空输入框中的内容并将字体颜色改为黑色；而onblur事件中，如果输入框中的值为空，则将输入框的值重新赋值为提示语Username，同时将字体颜色调为灰色。

1. 第二种方法：使用placeholder属性

HTML5中新增了placeholder属性，可以为输入框添加提示语。

此种方法非常简单，只需要在input标签中添加placeholder属性，并将其值设置为需要显示的提示语即可。

HTML代码：

<input type="text" id="username" placeholder="Username" />

不过需要注意的是，这种方法需要浏览器支持HTML5才能生效，如果浏览器版本比较低，则无法使用该方法。

以上两种方式都可以实现在文本框或密码框中输入提示语，可以根据实际需要选择不同的方法。