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

仕様書

意味

HTML

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

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

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

XForms

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

歴史

CSS UI

  • [8] CSS3 module: Basic User Interface (Tantek Çelik 著, 版) http://www.w3.org/TR/2002/WD-css3-ui-20020802/#pseudo-validity
  • [10] XForms and Styling ( 版) http://www.w3.org/TR/2002/WD-xforms-20020821/sliceF.html#id2641029
  • [12] XForms and Styling ( 版) http://www.w3.org/TR/2002/CR-xforms-20021112/sliceF.html#id2641627
  • [6] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 版) http://dev.w3.org/csswg/css3-ui/#pseudo-validity
  • [7] XForms 1.1 ( 版) http://www.w3.org/TR/xforms/#N90079
  • [25] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 版) http://www.w3.org/TR/2012/WD-css3-ui-20120117/#pseudo-validity

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

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

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

  • [14] Web Applications Markup Language 1.0 ( ( 版)) http://hixie.ch/specs/html/apps/web-apps-1#pseudo-classes
  • [13] Web Controls 1.0 ( ( 版)) http://www.whatwg.org/specs/web-controls/current-work/#pseudo-classes

HTML

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

  • [1] Web Forms 2.0 ( 版)
    • [2] http://www.whatwg.org/specs/web-forms/current-work/#form-validation
    • [3] http://www.whatwg.org/specs/web-forms/current-work/#relation
  • [16] HTML Standard ( 版) http://www.whatwg.org/specs/web-apps/current-work/#pseudo-classes
  • [20] Web Applications 1.0 r6888 Make :valid and :invalid apply to <form> elements also. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6887&to=6888
  • [28] Web Applications 1.0 r7823 Make :invalid match <fieldset>s that contain invalid controls. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7822&to=7823
  • [33] Web Applications 1.0 r8089 Oddly, :valid somehow didn't apply to fieldset but :invalid did. let us fix that... ( 版) http://html5.org/tools/web-apps-tracker?from=8088&to=8089

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

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

[34] Web Applications 1.0 r2778 Defined how pseudo-classes match HTML concepts. Redid how rtl/ltr changes are marked. Stopped <legend> centering for <figure>. Removed <multicol> support. Removed <basefont> support. Removed obsolete notes. Fixed minor typos. ( ( 版)) http://html5.org/r/2778

[35] csswg: changeset 14966:d176479b88ff ( ( 版)) https://dvcs.w3.org/hg/csswg/rev/d176479b88ffe2dcfa027be6aee807afc0d45bd2