快捷導(dǎo)航

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

更新時間：2016年01月14日 11:21:36 作者：乘著風在飛

這篇文章主要介紹了js實現(xiàn)input密碼框提示信息的方法,涉及JavaScript頁面元素的獲取,屬性判斷及樣式設(shè)置等技巧,并附帶html5的相關(guān)實現(xiàn)方法,需要的朋友可以參考下

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

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

<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="請輸入密碼"/>
<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>

補充：

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

復(fù)制代碼代碼如下:

<input type="password" id="pass5" placeholder="請輸入密碼" name="pass5" value=""/>

PS：這里再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具，功能非常強大（對于想讓代碼加密的朋友不妨試試這里的js加密功能）：

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

uni-app封裝組件實現(xiàn)下方滑動彈出模態(tài)框效果
這篇文章主要介紹了uni-app封裝組件實現(xiàn)下方滑動彈出模態(tài)框效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2024-08-08
Javascript實現(xiàn)的CSS代碼高亮顯示
到網(wǎng)上一位別出心裁的高手使用字符串而不是正則表達式實現(xiàn)了Javascript代碼高亮顯示，自己受益匪淺，于是就構(gòu)思了CSS代碼的高亮顯示。
2009-11-11
js如何在字符串中查找某個字符的位置
這篇文章主要給大家介紹了關(guān)于js如何在字符串中查找某個字符的位置的相關(guān)資料,在JavaScript中我們經(jīng)常需要對字符串進行各種操作,包括查找包含特定字符的字符串,需要的朋友可以參考下
2023-11-11
js添加select下默認的option的value和text的方法
這篇文章主要介紹了js中創(chuàng)建html標簽、添加select下默認的option的value和text，很實用，需要的朋友可以看看
2014-10-10
有趣的script標簽用getAttribute方法來自腳本吧
有趣的script標簽用getAttribute方法來自腳本吧...
2007-03-03
Phaser.js實現(xiàn)簡單的跑酷游戲附源碼下載
這篇文章主要介紹了Phaser.js實現(xiàn)簡單的跑酷游戲附源碼下載,需要的朋友可以參考下
2018-10-10
輕松掌握JavaScript狀態(tài)模式
這篇文章主要幫助大家輕松掌握JavaScript狀態(tài)模式,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
JavaScript中實現(xiàn)數(shù)組分組功能的方法詳解
最近,JavaScript引入了一個備受期待的功能：原生支持數(shù)組分組,這一特性使得在處理復(fù)雜的數(shù)據(jù)集時變得更加簡單和高效,本文將深入探討這一全新的JavaScript特性,希望對大家有所幫助
2023-12-12
禁止js文件緩存的代碼
禁止js文件緩存問題是我一直遇到的大問題，終于找到了一個比較好的辦法
2010-04-04
調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進程.GOOGLE上有個NPM模塊,可以監(jiān)控JS文件的更改,然后自動重啟Node.但我下載后在windows里運行報錯
2012-01-01