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