課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
placeholder 屬性是html5專用的么?實(shí)例中用value屬性在輸入框中提示輸入,感覺還是placeholder比較好,請(qǐng)懂的細(xì)致得講解下著倆個(gè)屬性的常用場(chǎng)合。
2015-08-05
源自:JavaScript進(jìn)階篇 6-6
正在回答
placeholder是html5的新屬性,可想而知,僅支持html5的瀏覽器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。placeholder屬性只能在type屬性為text,email,search,tel和url的input元素內(nèi)使用
并且,兩種情況下,
<input?type="text"?placeholder="hello"> <input?type="text"?value="hello">
你會(huì)發(fā)下,placeholder的hello是灰色的,value是黑色的,并且value可以提交到表單上,placeholder不行
當(dāng)鼠標(biāo)點(diǎn)擊輸入框聚焦后,輸入框?yàn)閚ull,placeholder的hello就會(huì)存在,輸入框不為空,placeholder的hello就會(huì)消失,而且當(dāng)你輸入文字后再刪除,placeholder里的hello又會(huì)再次出現(xiàn);而value刪除后將不會(huì)出現(xiàn),并且要輸入文字必須主動(dòng)刪除才行。
value比較適合需要提交的默認(rèn)形式,比如用戶名的輸入框可以直接用<input type="text" value="張三">
用得多了你就知道它們的區(qū)別了。多實(shí)踐~
慕無忌5164682 提問者
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動(dòng)態(tài)交互世界
2 回答previousSibling 屬性的作用是啥?
2 回答什么是屬性節(jié)點(diǎn)
2 回答方法/屬性 用法
6 回答怎么用js來修改href屬性的值
3 回答createTextNode的屬性
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-08-12
placeholder是html5的新屬性,可想而知,僅支持html5的瀏覽器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。placeholder屬性只能在type屬性為text,email,search,tel和url的input元素內(nèi)使用
并且,兩種情況下,
你會(huì)發(fā)下,placeholder的hello是灰色的,value是黑色的,并且value可以提交到表單上,placeholder不行
當(dāng)鼠標(biāo)點(diǎn)擊輸入框聚焦后,輸入框?yàn)閚ull,placeholder的hello就會(huì)存在,輸入框不為空,placeholder的hello就會(huì)消失,而且當(dāng)你輸入文字后再刪除,placeholder里的hello又會(huì)再次出現(xiàn);而value刪除后將不會(huì)出現(xiàn),并且要輸入文字必須主動(dòng)刪除才行。
value比較適合需要提交的默認(rèn)形式,比如用戶名的輸入框可以直接用<input type="text" value="張三">
用得多了你就知道它們的區(qū)別了。多實(shí)踐~