HTML for 屬性
定義和用法
當與 <label>
元素一起使用時, for
屬性指定標籤繫結到哪個表單元素。
當與 <output>
元素一起使用時, for
屬性指定計算結果與用於計算的元素之間的關係。
適用範圍
以下元素可以使用 for
屬性:
元素 | Attribute |
---|---|
<label> | for |
<output> | for |
示例
例如
三個帶有標籤的單選按鈕
<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="提交">
</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
屬性具有以下瀏覽器支援:
元素 | |||||
---|---|---|---|---|---|
標籤 | 是 | 是 | 是 | 是 | 是 |
output | 10.0 | 不支援 | 4.0 | 5.1 | 11.0 |