本文實例講述了js實現input密碼框提示信息的方法。分享給大家供大家參考，具體如下：
今天我們主管說要在密碼框加入個"請輸入密碼"的提示信息,第一次的時候本來想著用修改input type 屬性的方法呢,結果有某些特別的瀏覽器不支持,IE的input的type屬性是只讀的,不能動態設置.所以換其它的方法,實例如下:
<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 屬性就解決了.代碼如下:
復制代碼代碼如下:
<input type="password" id="pass5" placeholder="請輸入密碼" name="pass5" value=""/>
希望本文所述對大家JavaScript程序設計有所幫助。
