required 属性は、ブール型属性です。
指定された場合、フォームを送信する前に要素は入力済みでなければなりません。
required 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <input> | required |
| <select> | required |
| <textarea> | required |
必須な入力フィールドを持つ HTML フォーム：
<form action="demo_form.html">
Username: <input type="text" name="usrname" required>
<input type="submit">
</form>
Try it Yourself ❯
必須なドロップダウン・リストを持つ HTML フォーム：
<select required>
<option value="">None</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Try it Yourself ❯
必須なテキストエリアを持つ HTML フォーム：
<form action="demo_form.html">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
Try it Yourself ❯
required 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| input | 5.0 | 10.0 | 4.0 | サポートなし | 9.6 |
| select | Yes | 10.0 | Yes | サポートなし | Yes |
| textarea | 5.0 | 10.0 | 4.0 | サポートなし | Yes |