Comment utiliser la balise label en HTML

Cette fois, je vais vous présenter comment utiliser la balise label en HTML Nous savons tous qu'un formulaire complet est composé de la balise form

Prenons d'abord un exemple :

[html] view plain copy
<label for="email">E-mail:</label>  
<input type="text" id="email">

Les contrôles de formulaire sont tous des éléments en ligne ils seront donc affichés sur une seule ligne. Dans la page Web, lorsque l'on clique sur le mot E-mai ou sur la zone de texte, le curseur apparaîtra dans la zone de texte. C'est la fonction de la balise label. Pour parler franchement, l'étiquette label est une extension du contrôle de formulaire auquel elle est associée. Autrement dit, cliquer dessus avec la souris aura le même effet que cliquer sur le contrôle de formulaire auquel il est associé. Le principe est que la valeur de l'attribut forattribut de l'étiquette est la même que l'identifiant du contrôle de formulaire que vous souhaitez associer.

Si vous ne souhaitez pas utiliser l'identifiant pour vous associer, vous pouvez également utiliser la deuxième méthode.

[html] view plain copy

<label>E-mail:<input type="text"></label>

L'effet est le même qu'avant.

Bien sûr, d'autres contrôles de formulaire peuvent également être associés à des étiquettes. Par exemple, l'exemple suivant :

[html] view plain copy
<label for="a">a:</label> <input type="radio" id="a"><br>  
[html] view plain copy
<pre name="code" class="html" style="font-size: 14px;"><label for="b">b:</label> <input type="radio" id="b"><br>  
[html] view plain copy
<label for="c">c:</label> <input type="radio" id="c">

Ensuite, vous pourrez dire que cette étiquette n'est pas très utile même si vous y réfléchissez.

Eh bien, bien sûr, ça marche. En plus d’améliorer l’expérience utilisateur, il permet également aux personnes à mobilité réduite d’accéder facilement à Internet. Par exemple, les personnes malvoyantes utilisent le son d'un « lecteur de page Web » pour naviguer sur le Web. Sans l'association de balises d'étiquettes, les internautes ne peuvent pas imaginer la correspondance dans leur esprit et ne peuvent pas bien comprendre ce que signifie le contenu du site Web. expression. Pour un autre exemple, les surfeurs handicapés physiques ont des difficultés à contrôler la souris. Après avoir utilisé l'étiquette, la cible du clic devient plus grande, ce qui facilite l'utilisation.

Ainsi, une très bonne page doit être multi-navigateur et adaptable à des appareils avec différentes tailles d'écran. Elle doit également être accessible à tous les types d'internautes (qu'il s'agisse de personnes âgées ou de personnes handicapées). ) pour plus de commodité.

Il existe de nombreuses façons d'utiliser les balises d'étiquette en HTML. Les amis qui en ont besoin peuvent les enregistrer. Veuillez également continuer à prêter attention aux autres mises à jour de ce site.

Lecture connexe :

Règles de dénomination en HTML

Comment masquer les bordures DIV débordantes Contenu

Comment utiliser CSS pour modifier le style de la souris

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!