html输入验证：有效：无效

Question

我创建了一个带验证的输入控件：

• 必填
• 最小长度 = 4
• 最大长度 = 8

输入的初始值设置为 'ab'。
由于 'ab' 不满足验证，:invalid 选择器应该可以工作。

但是在第一次加载时（未经用户编辑），:invalid 不起作用。
有没有办法一直强制验证？

<input type='text' id='test' value='ab' required minlength=4 maxlength=8 />

#test:valid {
  background: lightGreen;
}
#test:invalid {
  background: pink;
}

Answer 1

看起来它总是说它有效。 您是否尝试在 4 和 8 值周围放置“”？

像这样：

minlength="4"
maxlength="8"

你能发布更多你的代码吗？