Maison > interface Web > tutoriel HTML > Un peu de compréhension des balises d'étiquette HTML

Un peu de compréhension des balises d'étiquette HTML

巴扎黑
Libérer: 2017-06-27 11:50:11
original
1579 Les gens l'ont consulté

La balise label définit l'étiquette de l'élément d'entrée.

L'élément label ne présente aucun effet spécial. Mais cela améliore la convivialité pour les utilisateurs de souris. Si vous cliquez sur le texte à l'intérieur de l'élément label, ce contrôle sera déclenché. C'est-à-dire que lorsque l'utilisateur sélectionne cette étiquette, le navigateur mettra automatiquement le focus sur les contrôles liés au formulaire.

Il a deux attributspour from.

for spécifie à quel élément de formulaire se lier. (La valeur de l'attribut for de l'élément label doit être la même que la valeur de l'attribut id de l'élément de formulaire associé)

from spécifie un ou plusieurs formulaires auxquels appartient le champ.

Exemple : L'effet pop-up commun de la barre latérale de la page Web peut également être entièrement réalisé à l'aide d'une animation CSS . À ce stade, l'étiquette d'étiquette est appliquée.


    
    Document
    
        
        
        
        
        
        
        
        
        
        
    
    
    导航栏
    
        Menu
        HTML和CSS实现侧边栏弹出效果
Copier après la connexion

Cet exemple montre très bien l'application de la balise label. Grâce à la combinaison de l'étiquette et de l'entrée, l'animation CSS dans l'application peut résoudre certains effets d'animation de clic simples sur la page Web. (Des diapositives à effet ppt peuvent également être obtenues avec cela)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal