placerholder屬性是HTML5中的新屬性。
定義和用法:
? ? ? ?placeholder屬性提供可描述輸入字段預期值的提示信息。
? ? ? ?該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。
?語法:
? ? ? <input ?placeholder="text ">
?屬性值:
? ? ? text規定用于驗證輸入字段的模式。
? ? ? ?簡單說,就是提示用戶輸入什么類型的信息。
注釋:
? ? ? placeholder屬性適應于以下的<input >類型:text ,search,url,telephone,email以及password。
placeholder默認顯示為灰色
?我們可以通過css控制placeholder文字的樣式。
以下為各個瀏覽器廠商為其提供的偽類控制屬性:
::-webkit-input-placeholder{}/*使用webkit內核的瀏覽器*/
::-moz-placeholder{}/*FIrefox版本19+*/
:-moz-placeholder{}/*Firefox版本4-18*/
::-ms-input-placeholder{}/*IE瀏覽器*/
具體實例實現:
主要代碼: