检测输入类型=“日期”是否支持占位符

时间:2012-04-30 16:42:28

标签: javascript jquery html html5 modernizr

是否可以通过input type="date"检测浏览器是否支持placeholder

1 个答案:

答案 0 :(得分:7)

W3验证器表示占位符属性在日期输入中无效。验证此HTML:

<!doctype html>
<title>date placeholder test</title>
<input type="date"  placeholder="enter a date">

给出错误:“Attribute placeholder not allowed on element input at this point.”...并说您可以使用属性“placeholder when type is text, search, url, tel, e-mail, password, or number”。

此外,Chrome不会显示日期输入的占位符,即使它认为JS中存在该属性(这大致是Modernizr检查属性的方式):

var test = document.createElement(element);
test.type = 'date';
alert('placeholder' in test);