ラベルラベルの機能は何ですか?-よくある問題-php.cn

ラベルラベルの機能は何ですか?

coldplay.xixi

リリース： 2023-02-09 14:21:24

オリジナル

39091 人が閲覧しました

ラベル label により、マウスユーザーの使いやすさが向上します。ユーザーが [] ラベル内のテキストをクリックすると、ブラウザは自動的にそれに関連付けられたラベルにフォーカスを向けます。制御。

ラベルラベルの機能は何ですか?

#この記事の動作環境: Windows10 システム、html5、thinkpad t480 コンピューター。

ラベル label の機能:

1. ラベルの定義と使用法

HTML では、 < ;label> タグは通常、input 要素のラベル (マーカー) を定義するタグと一緒に使用されます。

ラベルの目的は、マウスユーザーの使いやすさを向上させることです。ユーザーがラベル内のテキストをクリックすると、ブラウザは自動的にそのラベルに関連付けられたコントロールにフォーカスを移します。 label. Above;

ラベルはラジオボタンやチェックボタンでよく使われますが、このラベルを使用すると、クリックしたときにラジオボタンやチェックボタンの文字列も選択できるようになります。

2. ラベルの構文形式

<label for="关联控件的id" form="所属表单id列表">文本内容</label>

ログイン後にコピー

説明:

関連するコントロールの ID は通常、関連するコントロールの ID を参照します。 to 入力要素の ID;

HTML5 には新しい属性 form もあります。form 属性は、それが属する 1 つ以上のフォームの ID リストをスペースで区切って指定するために使用されます;

ラベルがフォーム label

にない場合は、form 属性を使用して、それが属するフォームを指定する必要があります;

3. 例

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中label标签的详细介绍</title></head><body bgcolor="bisque"><form action="" id="form1"><input type="checkbox" id="basketball"><label for="basketball">篮球</label><input type="checkbox" id="football"><label for="football">足球</label><input type="checkbox" id="tableTennis"><label for="tableTennis">乒乓球</label><br><input type="submit" value="提交"/></form><label for="football" form="form1">足球</label></body></html>

ログイン後にコピー

実行結果 :

ラベルラベルの機能は何ですか?