独孤逸辰

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML5中的占位符文本就是平时我们用JS做的鼠标悬停说明(input hint)。使用起来也很简单,完全向下兼容。下面的代码是一个使用示例:

<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+。

posted on 2010-06-20 21:25  独孤逸辰  阅读(1337)  评论(0)    收藏  举报