HTMLのラベルタグの使い方-フロントエンドQ&A-php.cn

HTMLのラベルタグの使い方

青灯夜游

リリース： 2019-05-27 13:28:26

オリジナル

3326 人が閲覧しました

html label タグは、入力要素のラベル (マーク) を定義するために使用されます。label 要素はユーザーに特別な効果を与えません。ただし、マウスユーザーの使いやすさは向上します。ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連付けられたフォームコントロールにフォーカスを移動します。

HTMLのラベルタグの使い方

#HTML ラベルタグの使用方法

機能: 入力要素の注釈 (マーカー) を定義します。

注: label 要素はユーザーに特別な効果を与えません。ただし、マウスユーザーにとっては使いやすさが向上します。このコントロールは、ラベル要素内のテキストをクリックするとトリガーされます。つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォームコントロールにフォーカスを向けます。

注: ラベルの「for」属性は、ラベルを別の要素にバインドできます。 for 属性の値を該当要素の id 属性の値に設定してください。

html ラベルラベルの例 1:

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
<p>请点击文本标记之一，就可以触发相关控件：</p>
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
</body>
</html>

ログイン後にコピー

レンダリング:

HTMLのラベルタグの使い方

html ラベルラベルの例 2 :

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
<p>点击文本，就可以触发相关控件：</p>
<form>
<label for="male">Male</label>
<input type="text" id="male" />
<br />
<label for="female">Female</label>
<input type="text" id="female" />
</form>
</body>
</html>

ログイン後にコピー

レンダリング:

HTMLのラベルタグの使い方