Maison >interface Web >tutoriel CSS >Tutoriel sur l'utilisation de l'étiquette HTML label_Basic tutoriel

Tutoriel sur l'utilisation de l'étiquette HTML label_Basic tutoriel

WBOY
WBOYoriginal
2016-05-16 12:06:451953parcourir

Dans Dreamweaver8, dès qu'un formulaire ou un objet de formulaire, une zone de texte, etc. est ajouté, un sera ajouté au code. Je n'ai jamais compris ce que fait cette étiquette. Je viens de le voir aujourd'hui. Voici l'explication :
Il y a deux attributs dans Label qui sont très utiles, l'un est FOR et l'autre est ACCESSKEY.
Attribut FOR
Fonction : Indique l'élément HTML à lier à la balise Label Lorsque vous cliquez sur cette balise, l'élément lié prendra le focus.
Utilisation :

Attribut ACCESSKEY :
Fonction : Représente un raccourci clavier qui accède à l'élément lié à la balise Label Lorsque vous appuyez sur le raccourci clavier, l'élément lié obtient le focus.
Utilisation :
Limitations : attribut accessKey Le raccourci défini les touches ne peuvent pas entrer en conflit avec les touches de raccourci du navigateur, sinon les touches de raccourci du navigateur seront activées en premier.

Commentaires
Pour lier LABEL à un autre contrôle, définissez l'attribut FOR de l'élément LABEL sur le même ID que le contrôle. Lier LABEL à la propriété NAME du contrôle est inutile. Cependant, pour soumettre le formulaire, vous devez spécifier un nom pour le contrôle auquel l'élément LABEL est lié.
Il existe deux façons d'ajouter un soulignement à la touche de raccourci spécifiée. La prise en charge du texte enrichi de l'élément LABEL permet d'ajouter des éléments U des deux côtés des caractères de touche de raccourci spécifiés par l'attribut ACCESSKEY. Si vous préférez utiliser des feuilles de style (CSS) pour appliquer des styles, vous pouvez inclure le caractère dans SPAN et définir le style sur "text-decoration: underline".

Si l'utilisateur clique sur LABEL, l'événement onclick sur LABEL sera déclenché en premier, puis l'événement onclick sur le contrôle spécifié par l'attribut htmlFor sera déclenché. Appuyer sur la touche de raccourci définie par LABEL définira le focus mais ne déclenchera pas l'événement onclick.

Choses à noter :
1. L'imbrication des balises n'est pas autorisée.
2. Cet élément est disponible en HTML et dans les scripts d'Internet Explorer 4.0 et supérieur.
3. Cet élément est un élément en ligne.
4. Cet élément nécessite une balise de fermeture.

Exemple de code d'élément
L'exemple suivant utilise l'élément LABEL et l'attribut ACCESSKEY pour définir le focus de la zone de texte.


Démo :

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn