欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實(shí)現(xiàn)input密碼框提示信息的方法(附html5實(shí)現(xiàn)方法)

 更新時(shí)間:2016年01月14日 11:21:36   作者:乘著風(fēng)在飛  
這篇文章主要介紹了js實(shí)現(xiàn)input密碼框提示信息的方法,涉及JavaScript頁面元素的獲取,屬性判斷及樣式設(shè)置等技巧,并附帶html5的相關(guān)實(shí)現(xiàn)方法,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)input密碼框提示信息的方法。分享給大家供大家參考,具體如下:

今天我們主管說要在密碼框加入個(gè)"請(qǐng)輸入密碼"的提示信息,第一次的時(shí)候本來想著用修改input  type 屬性的方法呢,結(jié)果有某些特別的瀏覽器不支持,IE的input的type屬性是只讀的,不能動(dòng)態(tài)設(shè)置.所以換其它的方法,實(shí)例如下:

<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="請(qǐng)輸入密碼"/>
<input style="display: none;" type="password" onblur="changeTip(this);" id="pass" placeholder="" name="pass" value=""/>
<script type="text/javascript">
function changeTip(th){
 var passText = document.getElementById('passText');
 var pass = document.getElementById('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();
 }
}
</script>

補(bǔ)充:

其實(shí)上面一大段的代碼,用html5的一個(gè) placeholder 屬性就解決了.代碼如下:

復(fù)制代碼 代碼如下:
<input type="password" id="pass5" placeholder="請(qǐng)輸入密碼" name="pass5" value=""/>

PS:這里再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具,功能非常強(qiáng)大(對(duì)于想讓代碼加密的朋友不妨試試這里的js加密功能):

JavaScript壓縮/格式化/加密工具:http://tools.jb51.net/code/jscompress

另外,上面這款js工具中的加密使用的是eval函數(shù)加密形式,對(duì)此本站還提供了如下這款針對(duì)eval函數(shù)加密的解密工具,非常強(qiáng)大實(shí)用!

js的eval方法在線加密解密工具http://tools.jb51.net/password/evalencode

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論