1. ホーム
  2. ジャバスクリプト

[解決済み] [Solved] Can I apply the required attribute to <select> fields in HTML5?

2022-04-01 17:21:50

Question

を選択したかどうかを確認するにはどうすればよいですか? <select> フィールドをHTML5で作成することはできますか?

なるほど <select> は、新しい required 属性を使用しなければならないのでしょうか?それとも、何か見落としているものがあるのでしょうか?

どのように解決するのですか?

必須 : 最初の値が空であること - requiredは空の値に対して機能します。

前提条件 : 正しい html5 DOCTYPE と名前付き入力フィールド

<select name="somename" required>
<option value="">Please select</option>
<option value="one">One</option>
</select>

のとおりです。 ドキュメント (リストと太字は私です)

<ブロッククオート

必須属性はブーリアンです。 属性があります。

指定された場合、ユーザーは を選択することが要求されます。 をクリックすると、フォームが送信されます。

select要素がある場合

  • は必須属性が指定されています。
  • multiple属性が指定されていない。
  • で、表示サイズが1(SIZE=2以上は不可 - 不要な場合は省略)。
  • で、値が の最初のオプション要素の select 要素のオプションのリスト(もし が空文字列の場合 (として存在する。 value="" ),
  • で、その オプション要素の親ノードが select 要素(optgroup ではありません。 要素) を使用します。

の場合、そのオプションは select要素のプレースホルダーラベル オプションがあります。