我需要为一个移动网站创建一个表单,在这个表单中人们可以输入一个小数点为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>