input框改变type属性详解编程语言

1、HTML部分

<input name="password" type="password" id="pass"  placeholder="密码"/> 
<button>显示密码</button>

2.JS部分

$('button').on('click',function(){ 
   //必须用原生JS 
   var pass =  document.getElementById('pass'); 
   if(pass.type == 'password'){ 
       pass.type = "text"; 
       $("button").text('隐藏密码') 
   } else { 
       pass.type = 'password'; 
       $("button").text('显示密码') 
     }; 
})

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/16541.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论