属性のHTML
定義と使用法
<label>要素と一緒に使用する場合、
for属性はラベルがバインドされるフォーム要素を指定します。
<output>要素と一緒に使用する場合、
for属性は計算結果と計算で使用される要素との関係を指定します。
に適用されます
このfor属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <ラベル> | にとって |
| <出力> | にとって |
例
例えば
ラベル付きの3つのラジオボタン：
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio"
id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
出力例
計算を実行し、結果を<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属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| label | Yes | Yes | Yes | Yes | Yes |
| output | 10.0 | Not supported | 4.0 | 5.1 | 11.0 |