HTML5中有浮点输入类型吗?

根据html5.org，“number”输入类型的“value属性，如果指定且不为空，必须有一个有效浮点数的值。”

然而，它只是一个带有整数的“上下”控件(至少在最新版本的Chrome中)，而不是浮动:

<输入类型=“数字” id=“totalAmt”></input>

是否有一个原生的HTML5浮点输入元素，或一种方法，使数字输入类型与浮点，而不是整数工作?或者我必须求助于jQuery UI插件?

当前回答

基于这个答案

<input type="text" id="sno" placeholder="Only float with dot !"   
   onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||  
   event.charCode == 46 || event.charCode == 0 ">

意义:

字符代码:

48-57等于0 1 2 3 4 5 6 7 8 9 0表示退格(否则需要在Firefox上刷新页面) 46是点

&&是AND， ||是OR运算符。

如果你尝试使用float和逗号:

<input type="text" id="sno" placeholder="Only float with comma !"   
     onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||  
     event.charCode == 44 || event.charCode == 0 ">

支持Chromium和Firefox (Linux X64)(其他浏览器I不存在)。

2016-04-14 11:14:51

其他回答

数字类型有一个步骤值，控制哪些数字是有效的(以及max和min)，默认值为1。这个值也被用于步进按钮的实现(即按下增加步进)。

只需将此值更改为合适的值。对于钱，小数点后两位可能是期望的:

<label for="totalAmt">Total Amount</label>
<input type="number" step="0.01" id="totalAmt">

(我也设置min=0如果它只能是正的)

如果您希望允许小数位数任意，可以使用step="any"(不过对于货币，我建议使用0.01)。在Chrome和Firefox，步进按钮将增加/减少1时，使用任何。(感谢Michal Stefanow的回答，并在这里查看相关规范)

下面是一个展示不同步骤如何影响不同输入类型的游乐场:

<form> <input type=number step=1 /> Step 1 (default)<br /> <input type=number step=0.01 /> Step 0.01<br /> <input type=number step=any /> Step any<br /> <input type=range step=20 /> Step 20<br /> <input type=datetime-local step=60 /> Step 60 (default)<br /> <input type=datetime-local step=1 /> Step 1<br /> <input type=datetime-local step=any /> Step any<br /> <input type=datetime-local step=0.001 /> Step 0.001<br /> <input type=datetime-local step=3600 /> Step 3600 (1 hour)<br /> <input type=datetime-local step=86400 /> Step 86400 (1 day)<br /> <input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br /> </form>

像往常一样，我将添加一个简短的说明:请记住，客户端验证只是为了方便用户。您还必须在服务器端进行验证!

2013-09-25 18:48:21

通过http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

但是如果你想让所有的数字都是有效的，整数和小数都是有效的呢?在本例中，将step设置为“any”