文本类型输入的最小长度？

Question

我有一个问题要问你。

你知道如何在文本类型的输入上设置最小长度吗？

我试过了：

minlength="2"

min="2"

pattern=".{2,}"

pattern="^.{2,}$"

有关信息，这是我的输入：

<input type="text" class="form-control" name="firstname" id="firstname" placeholder="firstname" pattern="^.{2,}$" >

编辑： 我试过 Chrome 但它不起作用。但它适用于 Firefox。所以我会尝试在这边搜索。

Answer 1

属性minlength完全正确：

minlength="2"

工作示例：

input:invalid {
  border: 1px dashed rgba(255, 0, 0, 0.5);
}

<form>
<input type="text" minlength="2" placeholder="Type here..." required />
<input type="submit">
</form>

您可以看到，如果您在文本输入中输入有效值之前尝试提交表单，则表单不会提交，浏览器会报错。

进一步阅读：

minlength on an input of type text?