HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML label for 属性

for属性でどのフォーム要素にラベルをバインドするか指定

オンラインサンプル

ラベル付きのラジオボタンが3つあります：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<label>　for　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>テキストラベルをクリックしてオプションを切り替え</p>>
<form　action="action_page.php">
　　<label　for="male">男性</label>
　　<input　type="radio"　name="gender"　id="male"　value="male"><br>
　　<label　for="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>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが for 属性をサポートしています。

定義と使用法

for 属性は label がバインドするフォーム要素を指定します。

HTML 4.01 HTML5の違い

なし。

文法

<label for="element_id">

属性値

値	説明
element_id	label がバインドされている要素の id。

　HTML <label> タグ

HTML: <template> タグ