Firefox和Internet Explorer中支持HTML5输入类型日期、颜色和范围

Firefox和Internet Explorer中支持HTML5输入类型日期、颜色和范围,html,internet-explorer,firefox,cross-browser,Html,Internet Explorer,Firefox,Cross Browser,我已经使用HTML5的多种表单构建了我的所有网站(使用输入类型日期,颜色和范围) 在谷歌浏览器中一切正常 但是当我打开Internet Explorer和Firefox时,所有的输入字段都变成了inputtypetext 有没有一种方法或脚本可以让我下载来强制正确显示此输入?由于HTML5尚未完全标准化,并非所有浏览器都支持这些输入类型。预期的行为是退回到 ↪ 您可以使用Modernizer库或一些自定义JavaScript。如果您检测到某个HTML5功能不可用,您可以退回到-。我在输入类型=

我已经使用HTML5的多种表单构建了我的所有网站(使用
输入
类型
日期
颜色
范围

在谷歌浏览器中一切正常

但是当我打开Internet Explorer和Firefox时,所有的输入字段都变成了
input
type
text


有没有一种方法或脚本可以让我下载来强制正确显示此输入?

由于HTML5尚未完全标准化,并非所有浏览器都支持这些输入类型。预期的行为是退回到


您可以使用Modernizer库或一些自定义JavaScript。如果您检测到某个HTML5功能不可用,您可以退回到-。

我在输入类型=范围方面也遇到了类似的问题。除了InternetExplorer10之外,所有浏览器都可以正常工作。考虑到我可以在其他网站上看到滑块,Internet Explorer没有问题。解决方案是关闭我的网站的兼容性视图。

我认为最好的解决方案是使用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>

jQuery UI滑块-默认功能
$(函数(){
$(“#滑块”).slider();
});

如果缺少特殊输入,所有浏览器都会返回到输入类型文本。这一切都是关于小部件和验证的

以下支持范围小部件

Firefox桌面23

Opera桌面

铬桌面

铬手机

IOS safari 5

以下浏览器现在支持颜色小部件

Firefox桌面29

Opera桌面11

Chrome桌面20:

Android 4.4/Chrome Mobile:

Opera mobile:

黑莓:

FirefoxOS1.3

Firefox操作系统现在支持颜色输入,但我仍然没有屏幕截图


如果你想,你可以使用这个

你在使用什么
doctype
呢?我使用这个doctype我发现了一个类似的帖子html5 doctyp应该是
颜色类型现在firefox支持..谢谢你的回复。我在一家法国网站上找到了一种方法。问题是我又遇到了一些麻烦。但是这篇文章还可以。谢谢你的帮助。这是一个有效的解决方案:哇,谢谢你不辞辛劳地在不同的设备上发布所有这些屏幕截图:)如果你的应用程序需要IE?要包括哪些简单的lib?您可以回退到jqueryui