Maison > Problème commun > Comment utiliser l'étiquette htmllabel

Comment utiliser l'étiquette htmllabel

zbt
Libérer: 2023-11-24 11:13:14
original
1204 Les gens l'ont consulté

La balise

htmllabel peut être utilisée avec les éléments pour fournir des descriptions pour les boutons radio et les cases à cocher, pour fournir des descriptions pour les listes déroulantes et pour la mise en page des formulaires. Lorsque vous utilisez l'étiquette

Comment utiliser l'étiquette htmllabel

La balise


<label for="input_id">Label Text</label>
Copier après la connexion

où l'attribut for est utilisé pour spécifier l'ID du champ de saisie associé au label

Voici quelques utilisations courantes de la balise

1 Utilisée avec l'élément exemple, < ; label>Le label est associé à l’élément Lorsque l'utilisateur clique sur le texte « Nom d'utilisateur : », le navigateur déplace automatiquement le focus sur le champ de saisie qui lui est associé.

2. Fournissez des descriptions pour les boutons radio et les cases à cocher :

<label for="username">Username:</label>
<input type="text" id="username">
Copier après la connexion

Dans l'exemple ci-dessus, la balise

3. Fournissez une description pour la liste déroulante :

<label for="male">Male</label>
<input type="radio" id="male" name="gender">
<label for="female">Female</label>
<input type="radio" id="female" name="gender">
Copier après la connexion

Dans l'exemple ci-dessus, l'étiquette

4. Utilisé pour la mise en page du formulaire :

<label for="country">Country:</label>
<select id="country">
<option value="usa">USA</option> <option value="canada">Canada</option> <option value="uk">UK</option> </select>
Copier après la connexion

Dans l'exemple ci-dessus, l'étiquette

Résumé :