ホームページ > 記事 > ラベルラベルの機能は何ですか?

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

coldplay.xixiオリジナル: 2020-12-14 09:52:2639061ブラウズ

ラベル 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>

実行結果 :

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

関連する無料学習の推奨事項:
php プログラミング (ビデオ)

以上がラベルラベルの機能は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：prtscr キーは何を意味しますか?次の記事：prtscr キーは何を意味しますか?

続きを見る