<input required>入力必須を表す

<input>タグのrequired属性では、その入力項目が必須であることを表します。 例えばrequired属性を指定し、その項目を未入力のままsubmitボタンを押すと警告が表示されるようになります。

また、本来このような処理はJavascriptを利用する必要がありましたが、HTML5ではHTMLだけでこのような処理が実現可能となっています。

書式

  • <input required 属性="値"> ……… 入力必須であることを表す

使用した時の例

<form method="post" action="sample.cgi">
  <p>名前:<input type="text" name="name" required></p>
  <p><input type="submit" value="送信"></p>
</form>

ブラウザ上の表示例

名前:

対応ブラウザなどのデータ

形式 <input type=""> カテゴリ フローコンテンツ, フレージングコンテンツ,フォーム関連要素(リスト化・ラベル付け・送信・リセット可能) / type属性値がhiddenでない場合はインタラクティブコンテンツ, パルパブル・コンテンツ
親要素 フレージングコンテンツが期待できる場所 子要素 なし
開始タグ 必須 終了タグ なし
グローバル属性 accesskey / class / contenteditable / contextmenu / dir / draggable / hidden / id / lang / spellcheck / style / tabindex / title / translate
対応ブラウザ Google Chrome14~ , Firefox7~ , Opera11.5~