HTML5中的占位符文本就是平时我们用JS做的鼠标悬停说明(input hint)。使用起来也很简单,完全向下兼容。下面的代码是一个使用示例:
1 2 3 4 |
<form> <input name="q" placeholder="Search Bookmarks and History"> <input type="submit" value="Search"> </form> |
给input加上placeholder属性即可。HTML5中该属性值只能填写文本。点击这里查看你的浏览器是否支持占位符文本。
目前支持占位符文本(Placeholder Text)的有Firefox3.7+、Safari4.0+、Chrome4.0+。
-EOF-