Firefox和Internet Explorer中支持HTML5输入类型日期、颜色和范围
我已经使用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功能不可用,您可以退回到-。我在输入类型=
输入类型日期,颜色和范围)
在谷歌浏览器中一切正常
但是当我打开Internet Explorer和Firefox时,所有的输入字段都变成了input
typetext
有没有一种方法或脚本可以让我下载来强制正确显示此输入?由于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