Html5输入类型不工作在Firefox和IE浏览器到IE11

Question

我很努力与html5输入类型日期，电子邮件和其他一些标签。哪些在Firefox和IE中无法使用IE11。在这两种浏览器和所有最新版本的工作条件下，是否有任何方式使用该标签。通过使用Html5或其破解。我不想使用任何JS库。

Answer 1

您可以尝试webshims，它可在cdn +上只加载polyfill（如果需要的话）。

试玩版CDN：http://jsfiddle.net/trixta/BMEc9/

<!-- cdn for modernizr, if you haven't included it already --> 
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script> 
<!-- polyfiller file to detect and load polyfills --> 
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script> 
<script> 
    webshims.setOptions('waitReady', false); 
    webshims.setOptions('forms-ext', {types: 'date'}); 
    webshims.polyfill('forms forms-ext'); 
</script> 

<input type="date" /> 

Answer 2

并不是所有的HTML5输入类型可以被所有浏览器支持。例如，电子邮件，电话和网址类型比日期和时间类型更多的支持：

http://caniuse.com/#search=date

http://caniuse.com/#search=telephone

您可以使用jQuery（或其他图书馆）使用日期（时间）的替代品采摘为html5功能提供类似的行为。例如下面是jQuery的日期选择器的一个例子：

if ($('[type="date"]').prop('type') != 'date') { 
    $('[type="date"]').datepicker(); 
} 

您可以编写自定义的HTML5替代插件和它们分配给浏览器尚未支持新的标准，这些领域。