HTML5 Input type=number do not accept decimal number – HTML5 Input type number 不能輸入小數位

在公司的Web project上.. 希可以可好好運用HTML5 的 input type 上的Form Validation
這可以增加 data input的安全度

誰不知.. 當我在 input type=”number” 的 textbox上輸入有小數的數值時
他出現錯誤信息
Please enter a valid value, The two nearest value are
Please enter a valid value

<form>
<label> Amount
<input type="number"/>
</label>
</form>

解決放法
我們只需要在這個 type=”number”的 input tag 上加上 step=”any” 這個屬性便可以了
<input type=”number” step=”any” />

E.g.

&lt;form&gt;
&lt;label&gt; Amount
&lt;input type="number" step="any"/&gt;
&lt;/label&gt;
&lt;/form&gt;

Hope you find it useful

Leave a Reply