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