HTMLに必要な属性
定義と使用法
required属性はブール属性です。
存在する場合は、フォームを送信する前に要素に入力する必要があることを指定します。
に適用されます
このrequired属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <入力> | 必要 |
| <選択> | 必要 |
| <textarea> | 必要 |
例
入力例
必須の入力フィールドを持つHTMLフォーム：
<form action="/action_page.php">
Username: <input type="text" name="usrname" required>
<input type="submit">
</form>
例を選択
必要なドロップダウンリストを含む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>
Textareaの例
必要なテキスト領域を持つフォーム：
<form action="/action_page.php">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
ブラウザのサポート
このrequired属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| input | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |
| select | Yes | 10.0 | Yes | Not supported | Yes |
| textarea | 5.0 | 10.0 | 4.0 | Not supported | Yes |