十年前,HTML 和 CSS 增加了验证表单字段的能力,至少表明了这一点。 required属性有助于通知用户哪些字段是必需的,而pattern允许开发人员提供正则表达式来匹配<input>的值。仅使用 CSS 和 HTML 定位必填字段和验证值非常有用。
您是否知道 CSS 提供:optional以允许您为不需要的表单元素设置样式?
输入:可选,选择:可选,文本区域:可选 {
边框:1px 实心#eee;
}
[必需的] {
边框:1px 纯红色;
}
从某种意义上说,感觉就像:optional代表:not([required]) ,但:optional仅限于表单字段。
CSS :optional这篇文章首先出现在David Walsh 博客上。