:valid 擬似クラス、:invalid 擬似クラス (選択子)

[31] 選択子の擬似クラス :valid、:invalid は、それぞれ所定の制約を満たす、あるいは満たさない要素 (主にフォーム制御子) と一致します。

仕様書

[19] HTML では :valid と :invalid はそれぞれ、

... を表します >>15。

[24] 簡単にいえば制約を満たさないのが :invalid、そうでないのが :valid です。しかし提出されない制御子など例外があるため、厳密にはこのように一見わかりにくい定義になっています。

[4] XForms では :valid と :invalid はそれぞれ現在妥当または非妥当の節点に束縛されたフォーム制御子を表します >>5。

[9] XForms での利用を想定して >>8 で追加されました。

[11] >>10 では :forms-valid, :forms-invalid という名前でした。 >>12 以降では CSS と同じ名前になっています。

[17] Webアプリケーションから制御可能にする構想もありました。

[18] HTML についてははじめ Web Forms 2.0 が、後に Web Applications 1.0 / HTML Living Standard が適用対象を規定するようになっています。

[21] >>20 により form 要素にも適用されるようになりました。

[29] >>28、>>33 により fieldset 要素にも適用されるようになりました。