当我在数字类型文本框中输入浮动数字时,Firefox显示错误

时间:2016-07-08 09:21:49

标签: javascript html css firefox textbox

下面是我的文本框:

<input type="number" id="payement-textbox" name="payment-textbox" min="1" max="100000" maxlength="9" class="payment" placeholder="--" value=""/>

这适用于Google Chrome。但是当我尝试在mozilla firefox中输入浮动数字时,它会在盒子周围创建一个红色边框。有没有办法阻止firefox验证浮点数?

2 个答案:

答案 0 :(得分:0)

只需指定步骤属性。

<input type="number" id="payement-textbox" name="payment-textbox" min="1" max="100000" maxlength="9" class="payment" placeholder="--" step="any" value=""/>

希望这有帮助。

答案 1 :(得分:0)

Chrome更容易避免像这样的编程错误。正如Huxdit所说,你必须包含一个步骤属性

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