Html minlength属性不为';我好像不工作
假设我有以下HTML:Html minlength属性不为';我好像不工作,html,input,Html,Input,假设我有以下HTML: <form> Fax #: <input type="number" name="fax" minlength="10" required /> <button>Print</button> </form> 传真: 印刷品 如果我在传真时输入“11”并点击“打印”,则表单提交时不会出现问题。我想让它呈现出某种错误。如果minlength属性不这样做,那么minlength属性到底做什么 我正
<form>
Fax #: <input type="number" name="fax" minlength="10" required />
<button>Print</button>
</form>
传真:
印刷品
如果我在传真时输入“11”并点击“打印”,则表单提交时不会出现问题。我想让它呈现出某种错误。如果minlength属性不这样做,那么minlength属性到底做什么
我正在使用Google Chrome 74..属性
minlength
不适用于输入类型数字的。这其实是相当合理的。数字没有长度,文本有长度。有关参考,请参阅
无论如何,对传真字段使用input type=“number”
在语义上是不正确的。您应该使用input type=“text”
。然后可以通过maxlength
或minlength
属性限制其长度,甚至可以使用模式
如果您绝对需要使用number
作为输入类型,并且需要将值限制为10位,则可以使用min
和max
属性:
Fax #: <input type="number" name="fax" min="1000000000" max="9999999999" required />
传真#:
但是,正如我所说,这在语义上是绝对不正确的。您是先看到这一页的吗?我猜你的目标浏览器不属于首选的“线的一边”。这在你的浏览器中有效吗?