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属性值
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!