如何阻止 Chrome 设置 HTML5 格式数字的格式

发布于 2024-11-10 00:11:29 字数 289 浏览 6 评论 0原文

我需要为移动网站创建一个表单，人们可以在其中输入带有小数点的数字，例如 5.3。

为了使访问者更容易输入数字，我想强制智能手机在屏幕键盘上显示用户最有可能输入的字符。

通过添加 HTML5 type="number" 输入类型，可以在屏幕键盘上显示数字。

不幸的是，谷歌浏览器随后开始验证输入并只允许输入整数。因此，用户在屏幕键盘上有数字，但无法输入他需要输入的数字。

如何在屏幕键盘上显示数字，同时仍允许使用 Google Chrome 查看网站的用户输入带小数点的数字？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

樱花落人离去 2024-11-17 00:11:29

按如下方式创建字段：

<input type="number" step="0.1" />

这将允许 Chrome 正确验证且不会干扰。默认情况下，如果您不提供步长值，则为 1，但它可以是任何正浮动值。

在 Chrome 10,12 中使用 HTML5 和 XHTML 文档类型（均有效）进行了测试。 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>

Create the field as follows:

<input type="number" step="0.1" />

This'll allow Chrome to validate correctly and not interfere. By default if you don't provide a step value it's 1, but it can be any positive floating value.

Tested in Chrome 10,12 with HTML5 and XHTML doctypes (both work). Example 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>

回复收藏 0 原文

~没有更多了~