Question

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

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

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

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

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

Answer 1

按如下方式创建字段：

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

这将允许Chrome正确验证而不会干扰。默认情况下，如果您不提供步长值，则为1，但它可以是any positive floating value。

在Chrome 10,12中使用HTML5和XHTML doctypes进行测试（均可使用）。示例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>

如何阻止Chrome格式化HTML5格式编号

1 个答案: