Javascript 动态改变imput type属性
Javascript动态改变imputtype属性:
代码实现:
<scripttype="text/javascript">
functionshoppw(thebox){
varps=document.getElementById('ps');
varpass=document.getElementById('pass');
ps.removeChild(pass);
varpsImput=document.createElement("INPUT");
if(pass.type=='password'){
psImput.type="text";
}else{
psImput.type='password';
}
psImput.id='pass';
psImput.name="password";
psImput.maxlength="15";
ps.appendChild(psImput);
}
</script>
HTML代码:
<tdclass="label">*<labelfor="password"accesskey="">登录密码:</label></td> <td><divid="ps"><inputtype="text"name="password"maxlength="15"id="pass"/></div> <inputname="checkbox2"type="checkbox"value="true"checked="checked"id="show"onclick="shoppw(this)"/> <labelfor="show"accesskey="">显示</label></td>
可以运行时动态改变imput元素的type属性值
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短