1、首先用把密碼框用txt暫時替代，并賦上默認(rèn)值 <input type="text" value="請輸入密碼" />
2、當(dāng)文本框獲取焦點(diǎn)后，把默認(rèn)值清空，把type改為password。
3、當(dāng)文本框失去焦點(diǎn)后，把type改為txt，把默認(rèn)值設(shè)為“請輸入密碼”。

JS代碼：

window.onload=function(){
　　var input=document.getElementById('input');
　　input.onfocus=function(){
　　　　if(this.value=='請輸入密碼'){
　　　　　　this.value='';
　　　　　　this.type='password';
　　　　};
　　};
　　input.onblur=function(){
　　　　if(!this.value){
　　　　　　this.type = 'text';
　　　　　　this.value = '請輸入密碼';
　　　　};
　　};
};

HTML代碼：

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

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)讀取xml內(nèi)容并輸出到div中的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)讀取xml內(nèi)容并輸出到div中的方法,涉及javascript針對xml格式數(shù)據(jù)的讀取、遍歷、輸出等相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
使用axios實(shí)現(xiàn)上傳圖片進(jìn)度條功能
Axios 是一個基于 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。這篇文章主要介紹了使用axios實(shí)現(xiàn)上傳圖片進(jìn)度條,需要的朋友可以參考下
2017-12-12
asp批量修改記錄的代碼
asp 數(shù)組批量修改記錄的實(shí)現(xiàn)代碼
2008-06-06
微信JSSDK上傳圖片
做過微信開發(fā)的都知道，在部分android機(jī)型里微信不支持網(wǎng)頁上傳圖片的，這是由于這些機(jī)型的文件上傳存在內(nèi)存泄漏，會導(dǎo)致微信閃退，所以微信內(nèi)置瀏覽器將文件上傳屏蔽，本篇文章給大家介紹使用微信jssdk如何上傳圖片，需要的朋友可以關(guān)注下
2015-08-08
使用POST方式彈出窗口的兩種方法示例介紹
做一個功能需要彈窗，因?yàn)間et方式對url的長度有限制,所以必須用post，本文有兩個不錯的方法，大家可以參考下
2014-01-01
alert和confirm功能介紹
這篇文章主要為大家介紹了alert和confirm的功能,需要的朋友可以參考下
2014-05-05
js利用拖放實(shí)現(xiàn)添加刪除
這篇文章主要為大家詳細(xì)介紹了js利用拖放實(shí)現(xiàn)添加刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題淺析
這篇文章主要給大家介紹了關(guān)于echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題的相關(guān)資料,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,需要的朋友可以參考下
2023-05-05
js如何對元素可視區(qū)域進(jìn)行判定
在前端開發(fā)中，有時候我們需要判斷一個元素是否在可視區(qū)域內(nèi)，本文主要介紹了js如何對元素可視區(qū)域進(jìn)行判定，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置的示例代碼
這篇文章主要介紹了elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04