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代碼：

復制代碼代碼如下:

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

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

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

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

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

您可能感興趣的文章:

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