<input type="password" name="info[password]" id="password3" class="list-input" 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)在預(yù)設(shè)顯示的·······,滑鼠點(diǎn)擊到輸入框後才顯示「請(qǐng)輸入6-20位元密碼」。如何讓它預(yù)設(shè)顯示“請(qǐng)輸入6-20位元密碼”,輸入後變成···············
#你亂七八糟的屬性寫(xiě)了一堆,唯獨(dú)沒(méi)寫(xiě)placeholder。 。 。
placeholder="請(qǐng)輸入6-20位元密碼" , 把這個(gè)加到input去
你用js賦值給vulue當(dāng)然會(huì)被顯示為*了,可以嘗試在input標(biāo)籤加上placeholder
如果不需要考慮IE下的相容性問(wèn)題,那麼最簡(jiǎn)單的辦法就是placeholder
但是placeholder屬性相容性最高到IE10
所以如果需要考慮兼容IE10以下的瀏覽器的話 建議你看一下一個(gè)插件jquery-placeholder
<input type="" placeholder="默認(rèn)文字">
行動(dòng)端可以相容,如果pc端,可以下載外掛程式相容ie8-
下載位址:
連結(jié)描述
最簡(jiǎn)單的是placeholder, 但是這個(gè)不相容IE,
相容性的方式是
寫(xiě)一個(gè)em標(biāo)籤(位置是input的兄弟節(jié)點(diǎn)) position 絕對(duì)定位到輸入框輸入的位置,
用JS 判斷控制是否有focus / blur/ keyin 的狀態(tài)來(lái)確認(rèn)em標(biāo)籤是否顯示