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

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。所以我会尝试在这边搜索。

score 3 · Accepted Answer

该属性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>

可以看到，如果在文本输入框输入有效值之前尝试提交表单，表单将无法提交，浏览器会报错。

延伸阅读：

1 回答 1