問(wèn)題描述

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

這句話現(xiàn)在默認(rèn)顯示的······，鼠標(biāo)點(diǎn)擊到輸入框后才顯示“請(qǐng)輸入6-20位密碼”。怎樣才能讓它默認(rèn)顯示“請(qǐng)輸入6-20位密碼”，輸入后變成················

問(wèn)題解答

你亂七八糟的屬性寫了一堆，唯獨(dú)沒(méi)寫placeholder。。。placeholder='請(qǐng)輸入6-20位密碼' ， 把這個(gè)加到input中去

你用js賦值給vulue當(dāng)然會(huì)被顯示為*了，可以嘗試在input標(biāo)簽加上placeholder

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

使用placeholder

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

<input type='' placeholder='默認(rèn)文字'>

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

<input type='password' placeholder='你想顯示的默認(rèn)文字'>

最簡(jiǎn)單的是 placeholder， 但是這個(gè)不兼容IE，兼容性的方式是 寫一個(gè) em標(biāo)簽 （位置是 input的兄弟節(jié)點(diǎn)） position 絕對(duì)定位到輸入框輸入的位置，用JS 判斷控制是否有 focus/ blur/ keyin 的狀態(tài) 來(lái)確認(rèn) em標(biāo)簽是否顯示