定義と使用法
一緒に使用する場合<label>要素、 for属性は、ラベルがバインドされたフォーム要素を指定します。
Ehenと一緒に使用<output> 、要素for属性計算の結果、計算で使用される要素間の関係を指定します。
に適用されます
for次の要素に属性を使用することができます。
| 要素 | 属性 |
|---|---|
| <label> | for |
| <output> | for |
例
For例
スリーradioラベル付きボタン：
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
»それを自分で試してみてください Output例
計算を実行し、中に結果を示し<output>要素：
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
»それを自分で試してみてください ブラウザのサポート
for属性は、各要素の以下のブラウザのサポートを持っています。
| 素子 | |||||
|---|---|---|---|---|---|
| label | はい | はい | はい | はい | はい |
| output | 10.0 | サポートされていません | 4.0 | 5.1 | 11.0 |