如何解决如何防止Chrome格式化HTML5格式编号
|| 我需要为移动网站创建一个表单,人们可以在其中输入带小数点的数字(如5.3)。 为了使访问者更容易输入数字,我想强制智能手机在屏幕上显示用户最可能输入的字符的键盘。 通过添加HTML5type=\"number\"
输入类型,可以在屏幕键盘上显示数字。
不幸的是,谷歌浏览器随后开始验证输入并仅允许输入整数。因此,用户在屏幕键盘上有一个数字,但是无法输入他需要输入的数字。
如何在屏幕键盘上显示数字,并且仍然允许使用Google Chrome浏览器查看网站的用户输入带小数点的数字?
解决方法
创建字段,如下所示:
<input type=\"number\" step=\"0.1\" />
这将使Chrome能够正确验证并且不会造成干扰。默认情况下,如果您不提供步进值,则该值为1,但它可以是任何正浮点值。
在具有HTML5和XHTML文档类型的Chrome 10,12中进行了测试(均可)。 HTML示例:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<form>
<input type=\"number\" step=\"0.1\" />
</form>
</body>
<!-- doctypes
html5: <!DOCTYPE html>
html4: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
xtml: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
-->
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。