Maison > Article > interface Web > Introduction aux différences entre nom, identifiant et classe en HTML
Dans une page, il existe de nombreux contrôles (éléments ou labels). Afin de faire fonctionner ces balises plus facilement, il est nécessaire de marquer ces balises avec une balise d'identité.
1. nom : Précisez le nom du label.
2. id : Spécifiez l'identifiant unique du tag.
3. classe : Spécifiez le nom de classe de l'étiquette.
Précisez le nom de l'étiquette.
<input type="text" name="username" />
1.2 Scénario d'application
①formulaire : le nom peut être utilisé comme nom de variable à transmettre la liste des formulaires du serveur ; Par exemple, le nom transmis au serveur ci-dessus est : username='text value'.
②input type='radio' radio tag : Lorsque les noms de plusieurs radio tags sont définis sur la même valeur, une opération de sélection radio sera effectuée.
<input type="radio" name='sex'/>男<input type="radio" name='sex'/>女
③ Obtenez rapidement un groupe de balises du même nom : obtenez des balises du même nom et effectuez des opérations ensemble, telles que : modifier les attributs, s'inscrire à des événements, etc.
function changtxtcolor() { var txts = document.getElementsByName('txtcolor'); //获取所有name=txtcolor 的标签 for (var i = 0; i < txts.length; i++) { //循环遍历标签,并把背景色改为red txts[i].style.backgroundColor = 'red'; } }
La valeur de l'attribut name n'est pas unique dans la page actuelle.
précise l'identifiant unique de la balise.
<input type=password id ="userpwd" />
①Tel que fourni Le numéro d'identification unique pour obtenir rapidement l'objet étiquette. Par exemple : document.getElementById(id)
② Utilisé comme valeur de l'étiquette pour l'attribut : Exemple : d305c5282d143dd49e6374acc3c8c7aa /label> ; signifie que lorsque l'on clique sur cette étiquette, l'étiquette avec l'ID utilisateur obtient le focus.
La valeur de l'attribut id doit être unique dans la page actuelle.
Spécifie le nom de classe de l'étiquette.
<input type=button class ="btnsubmit" />
① Opération CSS, mettez certains styles spécifiques dans une classe Si vous avez besoin de balises de ce style, vous pouvez ajouter cette classe.
Vous pouvez mettre plusieurs classes dans un attribut de classe, mais elles doivent être séparées par des espaces tels que : ;
class = 'btnsubmit btnopen'
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!