Maison  >  Article  >  interface Web  >  La différence spécifique entre les attributs ID d'élément HTML et Nom

La différence spécifique entre les attributs ID d'élément HTML et Nom

零下一度
零下一度original
2017-05-13 15:05:391689parcourir

La différence entre les attributs ID et Name des éléments HTML

Je me suis soudain intéressé aujourd'hui et j'ai eu envie d'approfondir les différences spécifiques entre ces deux attributs
La réponse la plus classique : ID est comme un numéro d'identification de personne, et Name est comme si son nom était évidemment unique, et Name peut être répété. ​​Évidemment, la réponse à ID et Name est trop générale. Bien sûr, cette explication est tout à fait correcte pour ID, qui est l'identité de l'élément HTML côté client. Name est en réalité beaucoup plus compliqué, car Name a de nombreuses utilisations, il ne peut donc pas être complètement remplacé par ID, ce qui l'annule. Les utilisations spécifiques sont :
Objectif 1 : En tant qu'indicateur côté serveur des éléments HTML qui peuvent interagir avec le serveur, tels que la saisie, la sélection, la zone de texte et le bouton. Nous pouvons obtenir la valeur soumise par l'élément via Request.Params en fonction de son nom côté serveur.

Utilisation 2 : élément HTML Type d'entrée = regroupement 'radio', on sait que le contrôle du bouton radio est dans la même classe de regroupement, l'opération de vérification est mutex, une seule radio peut être sélectionnée en même temps, ce regroupement est basé sur le même attribut Name à réaliser.

Objectif 3 : Établir un point d'ancrage dans la page. Nous savons que 91d83b4822db6c9c4aabe5918601cc24link5db79b134e9f6b82c0b36e0489ee08ed Le nom est utilisé à la place. Par exemple : 0540000f1e2e8c1414f3fa2eece38c9e5db79b134e9f6b82c0b36e0489ee08ed, nous obtenons une ancre de page.                                                                                                                                                    Identité en tant qu'objet, telle qu'une applet, un objet, une intégration et d'autres éléments. Par exemple, dans une instance d’objet Applet, nous utiliserons son nom pour faire référence à l’objet.

Utilisation 5 : Lors de la liaison d'éléments IMG et d'éléments MAP, si vous souhaitez définir la zone de hotspot d'IMG, vous devez utiliser son attribut usemap, donc usemap="#name" (Nom du élément MAP) ).                                                                                                                                                                                . Par exemple, définissez les paramètres c482d017ac37d0493b1edf90b225c0b5 pour Object ou db0f0129396a875c0f18375780d74f03

Évidemment, ces utilisations ne peuvent pas être simplement remplacées par ID, donc la différence entre ID et Nom des éléments HTML n'est pas la différence entre le numéro d'ID et le nom. Ils ont des fonctions différentes.

Ce qui précède représente les différences spécifiques entre ces deux attributs.

【Recommandations associées】
<input    name= "xx ">     会提交数据
<input   id= "xx ">     不会提交数据 
     <input   id= "xx "   name= "yy ">
<label   for= "xx "> Label </label>     这里的for属性必须是指向一个id,否则没效果 
     <input   name= "xx "   type= "radio "   value= "1 ">
<input   name= "xx "   type= "radio "   value= "2 ">
<input   name= "xx "   type= "radio "   value= "3 "> 这里必须name相同才能成为一组单选按钮,而id则没有这个功能。 
     <input   name= "xx ">     对应脚本document.getElementsByName( "xx ")[0]
<input   id= "xx ">         对应脚本document.getElementByIdx_x( "xx ")

1.


Recommandation spéciale

 : "php Programmer Toolbox" version V0.1 Télécharger 2. Tutoriel vidéo en ligne HTML gratuit

3. Vidéo HTML5 originale php.cn. tutoriel

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!

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