javascriptタグ

| | | | | | | | | | | | | | | | | |

HTMLラベルタグは、HTMLフォームの要素のキャプションを定義するために使用されます。これらは タグでアクセスでき、特定のWebモジュールにリンクされています。クリックすると、ユーザーはフォームを操作できます。

HTMLフォームを作成するときに、フォームのフィールドにキャプションを追加することを選択できます。たとえば、顧客の名前にキャプション Name:を付ける必要があるフォームフィールドが必要な場合があります。

これは、HTML の場所です。タグが入ります。タグは、HTMLフォームのフォームコントロール要素のキャプションを定義するために使用されます。各ラベルは、フォーム内の特定の要素に関連付けられています。

このチュートリアルでは、例を参照して、HTMLラベルタグを使用してフォームにラベルを追加する方法について説明します。このチュートリアルを読み終えると、HTMLを使用してフォームラベルを作成するエキスパートになります。

HTMLラベル

タグは`フォーム内の特定のフォーム要素にラベルを付けます。各ラベルタグは、HTML属性 forを介してフォーム要素に関連付けられています。

タグを使用する必要がある理由はいくつかあります。は重要。まず、ラベルはWebページの特定のフォームフィールドに関連付けられています。これは、スクリーンリーダーがフォームフィールドに遭遇した場合、指定されたラベルの内容がユーザーに読み取られることを意味します。これにより、Webサイトへのアクセスが容易になります。

さらに、 タグがフォームフィールドに関連付けられている場合、ユーザーはラベル内のテキストをクリックできます。モジュールをアクティブにします。これにより、ユーザーはアイテムを直接クリックする必要がないため、フォームフィールドの操作を簡単に開始できます。

たとえば、チェックボックス要素 がマークされていない場合、ユーザーは、チェックボックス内を直接クリックして要素をアクティブ化する必要があります。 タグを指定した場合、ユーザーはタグをクリックしてチェックボックスをアクティブ化することもできます。

HTMLタグの構文

HTMLタグの構文は次のとおりです。

for 属性を使用すると、ラベルを特定の 要素。 attribute for の値は、 要素で使用されるid入力属性と同じである必要があります。

属性を使用する代わりに、ラベルに フィールドを挿入して、入力フォームをラベルにリンクすることもできます。この構文は次のとおりです。

HTML タグは、HTMLのすべてのグローバル属性をサポートします。さらに、 タグはすべての主要なブラウザでサポートされています。

HTMLラベルの例

ユーザーを必要とするWebフォームフィールドを作成するとします。

フォームフィールドにあなたのメールアドレスは何ですか?というキャプションを付けて表示する必要があります。これを行うには2つの方法があります。属性の場合またはネストされたラベルを使用します。

属性の場合

次のコードを使用して、属性を使用してこのタグを入力フィールドに追加できます。 for

コードは次を返します:

次の行で、 タグを使用してテキスト入力フィールドを作成しました。この入力フィールドには、入力フィールドをタグにバインドするために使用する識別子 email_addressがあります。

ネストされたタグ

または、<ラベルを作成するためにタグにネストされたcode>タグ。上記のWebフォームのネストされたラベルを作成するために使用するコードは次のとおりです。

コードが返されます:

結論

HTMLタグは次の目的で使用されますフォームラベルを作成します。これらのラベルは特定のWebフォームにリンクされており、クリックすると、ユーザーがフォームを操作できるようになります。

このチュートリアルでは、例を参照して、HTMLの使用方法を示しました。 タグを使用して、フォーム要素にラベルを追加します。また、 タグに関連するアクセシビリティの問題もあります。これで、HTMLの操作を開始するための知識が得られました。プロのようなタグ!