forms - HTML5 表单验证 : Default = invalid, 这是正常行为吗？

Question

我正在使用 HTML5 表单验证构建表单。我定义了 CSS 类 input:valid 和 input:invalid。一些输入字段被标记为 required，但不是全部。未标记为 required 的字段默认有效是否正常，这意味着在我的情况下具有绿色背景？ required 字段默认无效是否正常？

如果这是正常的:他们为什么这样做？在我看来，在输入内容之前将字段标记为 valid 或 invalid 对用户来说不是很友好。 除了 JavaScript，还有什么我可以做的吗？

Answer 1

是的，这是正常行为。无论用户是否输入任何内容，他都应该知道标记为必填的字段将无效，直到他输入与模式匹配的任何内容(或任何内容 :))。

如果出于某种原因您不喜欢这种行为 - 抱歉，您应该使用 JavaScript。