required 属性 (HTML)

[1] HTML のフォーム制御子の required 属性は、 フォームを提出する前に値がそのフォーム制御子に入力されなければならないことを示します。

[2]

状態
WHATWG WD
要素型
フォーム制御子
属性名
required
属性値
(ブール型属性 >>12)
既定値
(偽 >>12)

[3] 仕様書:

属性値

[12]

提出

[4] 利用者は、フォームを提出する前に、 required とされたフォーム制御子に値を入力しなければなりません。 WF2 2.7

[5] required 属性は、 次の条件に1つも該当しないフォーム制御子に適用されます WF2 2.7。

[6] required で、 値を持たないフォーム制御子には、 旗 valueMissing が使われます。 WF2 2.7

[7] checkbox では、 そのフォーム中の同じ name の1つ以上の checkbox がチェックされていなければならないことを表します。 WF2 2.7

[8] radio では、 そのラジオ群内の丁度1つがチェックされていなければならないことを表します。 WF2 2.7

[9] file では、 (min や max にかかわらず) 最低1つの妥当な (提出時に実際にうpされ得る) ファイルが選択されていなければならないことを表します。 WF2 2.7, 2.15

[10] それ以外の種類のフォーム制御子では、 空白も含め何らかの値が与えられていなければならないことを表します。 WF2 2.7

歴史

[13] この属性は Web Forms 2.0 で導入されました。

例

[11] 

<ul>
  <li><label> Name: <input type="text" name="name" required="required" /></label></li>
  <li><label> Comment: <input type="text" name="comment" /></label></li>
</ul>

この例では、利用者は名前を入力しなければなりませんが、 注釈は空でも構いません。利用者エージェントは、 名前が入力されるまでは提出を認めてはいけません。 WF2 2.7

メモ

[14] A List Apart: Articles: Validating a Custom DTD (2007-08-17 23:05:01 +09:00 版) http://www.alistapart.com/articles/customdtd/ (名無しさん)

[15] [WF2] backwards compatibility with values of custom required attributes (Hallvord R. M. Steen 著, 2008-01-16 22:04:01 +09:00 版) http://lists.w3.org/Archives/Public/public-html/2008Jan/0143.html

[16] [whatwg] Form validation against invisible controls ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-June/026733.html

[17] [whatwg] Form validation against invisible controls ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-June/026734.html

[18] [whatwg] Form validation against invisible controls ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027624.html

[19] HTML5 Revision Tracker ( 版) http://html5.org/tools/web-apps-tracker?from=5282&to=5283

[20] [whatwg] Constraint validation feedback (various threads) ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027882.html

[21] [whatwg] Constraint validation feedback (various threads) ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-November/029044.html

[22] IRC logs: freenode / #whatwg / 20110505 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20110505

[23] [whatwg] Make radio button group suffering from being missing ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-June/031970.html

:required 擬似クラス、:optional 擬似クラス

仕様書

  • [37] HTML Standard ( 版) http://www.whatwg.org/specs/web-apps/current-work/#pseudo-classes
  • [24] XForms 1.1 ( 版) http://www.w3.org/TR/xforms/#N90079

意味

HTML

[40] HTML については :required と :optional は次の要素にそれぞれ適用されます >>37。

  • [41] input 要素について、
    • 必須であれば :required
    • required 属性が適用されるけど必須でないなら :optional
  • [42] select 要素について、 required 属性がある、またはない
  • [43] textarea 要素について、 required 属性がある、またはない

XForms

[25] XForms では :required と :optional はそれぞれ required モデル項目特性が真と偽に評価される節点に束縛されたフォーム制御子を表します。

歴史

CSS UI

  • [26] CSS3 module: Basic User Interface (Tantek Çelik 著, 版) http://www.w3.org/TR/2002/WD-css3-ui-20020802/#pseudo-required-value
  • [30] XForms and Styling ( 版) http://www.w3.org/TR/2002/WD-xforms-20020821/sliceF.html#id2641029
  • [32] XForms and Styling ( 版) http://www.w3.org/TR/2002/CR-xforms-20021112/sliceF.html#id2641627
  • [28] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 版) http://dev.w3.org/csswg/css3-ui/#pseudo-required-value
  • [27] XForms 1.1 ( 版) http://www.w3.org/TR/xforms/#N90079
  • [44] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 版) http://www.w3.org/TR/2012/WD-css3-ui-20120117/#pseudo-required-value

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

[31] >>30 では :forms-required, :forms-optional という名前になっていました。 >>32 以降では CSS と同じ名前になっています。

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

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

HTML

[39] HTML に関してははじめ Web Forms 2.0 が、その後 Web Applications 1.0 が規定しています。

  • [38] Web Forms 2.0 ( 版) http://www.whatwg.org/specs/web-forms/current-work/#relation
  • [36] HTML Standard ( 版) http://www.whatwg.org/specs/web-apps/current-work/#pseudo-classes

[45] ( ( 版)) https://bug-44436-attachments.webkit.org/attachment.cgi?id=168646

[46] IRC logs: freenode / #whatwg / 20121015 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121015#l-777

[47] Re: Removing the concept of "optional any" ( (Boris Zbarsky 著, 版)) http://lists.w3.org/Archives/Public/public-script-coord/2014JanMar/0172.html

[48] 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

[49] Merge pull request #17 from bzbarsky/required-dictionary-entry · c484996 · heycam/webidl ( ( 版)) https://github.com/heycam/webidl/commit/c48499697008a47a068edd912a54ac38489e3ddd

[50] Use of "required" dictionary attributes for events ( (Boris Zbarsky 著, 版)) http://lists.w3.org/Archives/Public/public-script-coord/2014JulSep/0268.html

[51] Bug 26562 – The IDL for createImageBitmap seems to be wrong ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=26562

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

[53] ブラウザ JavaScript ( 版) http://www.opera.com/docs/browserjs/

WebForms2 において要求された要素が false 値をとらない問題 - フォーム要素から "required=false" を削除

[54] Make the non-normative "suffering from being missing" vaguer (#1797) (domenic著, ) https://github.com/whatwg/html/commit/24fb7d484247451368648dac44d291ecb071f46d

[55] Escape IDL attributes named 'required' by csnardi · Pull Request #3721 · whatwg/html () https://github.com/whatwg/html/pull/3721