我需要为一个移动网站创建一个表单,在这个表单中人们可以输入一个小数点为5.3的数字。
为了方便访客输入号码,我想强制智能手机在屏幕上显示用户最可能输入的字符。
通过添加HTML5type="number"输入类型,可以在屏幕键盘上显示数字。
不幸的是,Google Chrome随后开始验证输入,只允许输入整数。因此,用户在屏幕键盘上有一个数字,但不能输入他需要输入的数字。
我怎样才能在屏幕键盘上显示数字,并且仍然允许使用Google Chrome浏览网站的人输入带有小数点的数字?

最佳答案

按如下方式创建字段:

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

这将允许Chrome正确验证,而不会干扰。默认情况下,如果不提供步长值,则该值为1,但可以是any positive floating value
在Chrome 10和Chrome 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>

08-08 02:39
查看更多