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替代插件和它們分配給瀏覽器尚未支持新的標準，這些領域。