Question

我正在努力使用html5输入类型日期，电子邮件和其他一些标签。哪些不适用于Firefox和IE，直到IE11。是否有任何方法可以在两种浏览器及其所有最新版本的工作条件下使用标签。通过使用Html5或其裂缝。我不想使用任何JS库。

Answer 1

并非所有浏览器都支持所有html5输入类型。例如，电子邮件，电话和URL类型比日期和时间类型具有更多支持：

您可以使用使用日期（时间）选择器的jquery（或其他库）替代方案来提供与html5功能类似的行为。例如，下面是jquery datepicker的一个例子：

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

您可以编写自定义html5替代插件，并将它们分配给尚未支持新标准的浏览器上的这些字段。

Answer 2

您可以尝试使用webhims，如果需要，可以在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" />

Html5输入类型在Firefox和IE中不能用于IE11

2 个答案: