ホームページ > 記事 > ウェブフロントエンド > htmlのラベルとは何でしょうか？

htmlのラベルとは何でしょうか？

藏色散人オリジナル: 2021-02-25 11:22:0613722ブラウズ

html のラベルは、入力要素のラベルまたはタグを定義するために使用されるラベルです。ラベル要素はユーザーに特別な効果を与えませんが、マウスユーザーの使いやすさを向上させます。ユーザーがラベル内にいる場合element テキストをクリックすると、このコントロールがトリガーされます。

htmlのラベルとは何でしょうか？

#この記事の動作環境: Windows7 システム、HTML5、Dell G3 コンピューター

ラベルの定義と使用法

label は、入力要素のラベル (マーカー) を定義します。

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

ラベルの for 属性は、関連要素の id 属性と同じである必要があります。

ヒントとメモ:

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

属性

new: HTML5 の新しい属性。

htmlのラベルとは何でしょうか？

注:

すべての主要なブラウザはタグをサポートしています。

Safari 2 以前では、ラベルはサポートされていません。

[推奨:

HTML ビデオチュートリアル]

例

2 つの入力フィールドと関連タグを含む単純な HTML フォーム:

<html>
<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のラベルとは何でしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

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

前の記事：HTMLとHTMLとは何ですか次の記事：HTMLとHTMLとは何ですか

続きを見る