HTML5中input为data型时不支持placeholder

最新推荐文章于 2022-05-27 21:36:46 发布

原创

最新推荐文章于 2022-05-27 21:36:46 发布 · 6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html5

在阅读《HTML5 Guidelines for Web Developers》时，发现input为data型时无法直接使用placeholder属性。为实现类似效果，可以采用JavaScript进行模拟。

最近在看Klaus Forster和Bernd Oggl著的《HTML5 Guidelines for Web Developers》，发现书中对于input元素的placeholder属性描述有疑问。书中在范例中写到

<input type=date name=birthday id=birthday placeholder="1978-11-24" >

但是我在实际测试的时候发现 placeholder属性在类型为date的input元素中不会起作用！换了多个支持HTML5的浏览器反复测试的结果都相同。于是乎，我到HTML5的娘家WHATWG上找了一下，果然是有相关内容，传送门 http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary。访问之后发现placeholder属性对于date类型的input元素而言确实是无效的。