input框改变type属性
Posted 星光泪痕
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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(‘显示密码‘)
};
})
以上是关于input框改变type属性的主要内容，如果未能解决你的问题，请参考以下文章