JS控制密码框获取焦点时文字消失，失去焦点时文字出现

思路：1、首先用把密码框用txt暂时替代，并赋上默认值 <input type="text" value="请输入密码" />

         2、当文本框获取焦点后，把默认值清空，把type改为password。

         3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

JS代码：

　

window.onload=function(){

　　var input=document.getElementById('input');

　　input.onfocus=function(){

　　　　if(this.value=='请输入密码'){

　　　　　　this.value='';
　　　　　　this.type='password';
　　　　};

　　};

　　input.onblur=function(){

　　　　if(!this.value){

　　　　　　this.type = 'text';
　　　　　　this.value = '请输入密码';
　　　　};
　　};　

};

HTML代码：

<input type="text" value="请输入密码" id="input" />