js实现input密码框提⽰信息的⽅法(附html5实现⽅法)本⽂实例讲述了js实现input密码框提⽰信息的⽅法。分享给⼤家供⼤家参考,具体如下:
今天我们主管说要在密码框加⼊个"请输⼊密码"的提⽰信息,第⼀次的时候本来想着⽤修改input  type 属性的⽅法呢,结果有某些特别的浏览器不⽀持,IE的input的type属性是只读的,不能动态设置.所以换其它的⽅法,实例如下:
<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="请输⼊密码"/>
<input type="password" onblur="changeTip(this);" id="pass" placeholder="" name="pass" value=""/>
<script type="text/javascript">
function changeTip(th){
var passText = ElementById('passText');
var pass = ElementById('pass');
if(th.id == 'pass'){
if(th.value == '' || th.value.length == 0 ){
passText.style.display='';
pass.style.display='none';
}
}else{
passText.style.display='none';
pass.style.display='';
pass.focus();
}
}input绑定onblur事件
</script>
补充:
其实上⾯⼀⼤段的代码,⽤html5的⼀个 placeholder 属性就解决了.代码如下:
复制代码代码如下:
<input type="password" id="pass5" placeholder="请输⼊密码" name="pass5" value=""/>
PS:这⾥再为⼤家推荐⼀款⾮常好⽤的JavaScript压缩、格式化与加密⼯具,功能⾮常强⼤(对于想让代码加密的朋友不妨试试这⾥的js加密功能):
另外,上⾯这款js⼯具中的加密使⽤的是eval函数加密形式,对此本站还提供了如下这款针对eval函数加密的解密⼯具,⾮常强⼤实⽤!
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。