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

您所在的位置：网站首页 › js输入框获取焦点事件信息 › JS控制密码框获取焦点时文字消失，失去焦点时文字出现

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

2024-07-12 13:53| 来源: 网络整理| 查看: 265

思路：1、首先用把密码框用txt暂时替代，并赋上默认值

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

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

JS代码：

1 window.οnlοad=function(){ 2 3 　　var input=document.getElementById('input'); 4 5 　　input.οnfοcus=function(){ 6 7 　　　　if(this.value=='请输入密码'){ 8 9 　　　　　　this.value=''; 10 　　　　　　this.type='password'; 11 　　　　}; 12 13 　　}; 14 15 　　input.οnblur=function(){ 16 17 　　　　if(!this.value){ 18 19 　　　　　　this.type = 'text'; 20 　　　　　　this.value = '请输入密码'; 21 　　　　}; 22 　　};　 23 24 };

HTML代码：

【本文地址】

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

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

今日新闻

推荐新闻