HTML5里新引入很多有趣的新特征;有些體現在HTML里,有些是JavaScript API,全部非常的有用。其中我最喜歡的一個特征就是文本框(INPUT)里的placeholder屬性。placeholder屬性能夠讓你在文本框里顯示提示信息,一旦你在文本框里輸入了什么信息,提示信息就會隱藏。你以前可能無數次看到這種效果,但那些大部分是用JavaScript里實現的,而現在,HTML5提供了原生支持,而且效果更好!
HTML代碼
<input type="text" name="first_name" placeholder="你的姓名..." />
你也看見了,需要做的只是在文本框的聲明標簽上加入placeholder屬性。完全不需要JavaScript來創造這種效果。
檢查瀏覽器是否支持Placeholder屬性
因為placeholder是一種新屬性,很有必要檢查一下你的瀏覽器是否支持它,比如IE6、IE8肯定是不支持的:
新聞熱點
疑難解答