关于html:为什么我不能在HTML5数字字段中输入500?

Why can’t I enter 500 in a HTML5 number field?

我的 HTML5 数字字段不断收到奇怪的意外验证错误。这是我的 HTML 代码:

1
<input type="number" name="width" maxlength="5" placeholder="Width" value="733.95591182365" />Width<br />

当我输入 500 并提交表单时,我收到错误:”请输入一个有效值。两个最接近的有效值是 499.95591182365 和 500.95591182365。”

我已经解决了这个问题。问题是这个 value=”733.95591182365″。我已将我的 PHP 代码更改为将小数四舍五入为整数,以便只有整数可以回显到数字字段中。现在我只在输入小数时收到错误,这没关系。


在使用 type=”number”

时,您需要将 step=”any” 作为属性

1
2
3
<form>
  <input step="any" type="number" name="width" maxlength="5" placeholder="Width" value="733.95591182365" />
</form>


对于数字输入,

The step scale factor is 1. The default step is 1

那么,由于没有step属性,所以允许的值步长是1?—1 = 1:

  • If the attribute is absent, then the allowed value step is the
    default step multiplied by the step scale factor.
  • 步长为 733.95591182365:

  • If the element has a value content attribute, and the result of applying the algorithm to convert a string to a number to the
    value of the value content attribute is not an error, then
    return that result and abort these steps.
  • 因此,

    Constraint validation: When the element has an allowed value step, and the result of applying the algorithm to convert a
    string to a number to the string given by the element’s
    value is a number, and that number subtracted from the step
    base is not an integral multiple of the allowed value step,
    the element is suffering from a step mismatch.

    由于 733.95591182365 – 500 = 233.95591182365 不是 1 的倍数,因此违反了该约束。

    如果您想要另一个步骤,请指定一个 step 属性。如果您不想执行任何步骤,请使用 step =”any”.


    原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/269204.html

    (0)
    上一篇 2022年6月20日
    下一篇 2022年6月20日

    相关推荐

    发表回复

    登录后才能评论