HTML5輸入類型日期，顏色，在Firefox和Internet Explorer範圍支持

我已經建立我的全部採用多種形式與HTML5網站（使用input類型date，color和range。）HTML5輸入類型日期，顏色，在Firefox和Internet Explorer範圍支持

一切都在谷歌工作正常鉻。

但是，當我打開Internet Explorer和Firefox時，所有輸入字段變得類似於input類型text。

有沒有一種方法或腳本可以下載以強制正確顯示此輸入？

來源

2012-09-17 Stanislas Piotrowski

Firefox和IE的版本？ –

FF 15.0和IE 9.0.8 –

您正在使用什麼'doctype'？ –

由於HTML5尚未完全標準化，因此並非所有瀏覽器都支持這些輸入類型。意圖的行爲是回落到<input type="text">。

↪See here for more information on browser support for HTML5 input types.

您可以test for support使用的Modernizr庫或一些自定義JavaScript。如果您檢測到某個HTML5功能不可用，則可以回退到JavaScript - based alternatives。

來源

2012-09-17 09:08:43 user2428118

感謝您的回覆。我在法國網站找到了一種方法。 http://41mag.fr/tutoriel-html5-comment-faire-un-formulaire-complet.html事情是我遇到了一些麻煩。但是這個帖子是可以的。謝謝你的幫助。 –

不客氣。 – user2428118

這裏是工作解決方案：http://www.zeeshanarshad.com/how-to-get-firefox-html-5-date-input-andor-ie-10/ –

我有一個輸入類型=範圍類似的問題。除了Internet Explorer 10以外，所有瀏覽器都可以正常工作。考慮到我可以在其他網站上看到滑塊，這對Internet Explorer並不是問題。解決方案是關閉我的網站的兼容性視圖。

來源

2013-10-24 00:29:40

我認爲最好的解決方案是使用jquery插件。

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Slider - Default functionality</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    $("#slider").slider(); 
    }); 
    </script> 
</head> 
<body> 

<div id="slider"></div> 


    </body> 

</html>

http://jqueryui.com/slider/

來源

2013-10-24 04:32:28 user2506760

所有瀏覽器都退回到輸入型文本如有特殊輸入丟失。它的所有關於小部件和驗證。

以下支持範圍構件

火狐桌面23

Firefox 29