問題描述

<input type='password' name='info[password]' onblur='if(this.value==’’){this.value=’請輸入6-20位密碼’;}' onfocus='if(this.value==’請輸入6-20位密碼’){this.value=’’;}' value='請輸入6-20位密碼' placeholder='請輸入6-20位密碼'/>

這句話現在默認顯示的······，鼠標點擊到輸入框后才顯示“請輸入6-20位密碼”。怎樣才能讓它默認顯示“請輸入6-20位密碼”，輸入后變成················

問題解答

你亂七八糟的屬性寫了一堆，唯獨沒寫placeholder。。。placeholder='請輸入6-20位密碼' ， 把這個加到input中去

你用js賦值給vulue當然會被顯示為*了，可以嘗試在input標簽加上placeholder

新版瀏覽器都支持placeholder，再設置css屬性使文字灰色，不至于太黑。

使用placeholder

如果不需要考慮IE下的兼容性問題，那么最簡單的辦法就是placeholder但是placeholder屬性兼容性最高到IE10 所以如果需要考慮兼容IE10以下的瀏覽器的話 建議你看一下一個插件jquery-placeholder

<input type='' placeholder='默認文字'>

移動端可以兼容，如果pc端，可以下載插件兼容ie8-下載地址：鏈接描述

<input type='password' placeholder='你想顯示的默認文字'>

最簡單的是 placeholder， 但是這個不兼容IE，兼容性的方式是 寫一個 em標簽 （位置是 input的兄弟節點） position 絕對定位到輸入框輸入的位置，用JS 判斷控制是否有 focus/ blur/ keyin 的狀態 來確認 em標簽是否顯示