Maison > Article > interface Web > Exemple d'introduction à la différence entre les attributs id et name dans la production de pages input_HTML/Xhtml_Web
Exemple d'introduction à la différence entre les attributs id et name dans la production de pages input_HTML/Xhtml_Web
- WBOYoriginal
- 2016-05-16 16:38:401224parcourir
Je crée un site Web depuis longtemps, mais je n'ai toujours pas compris la différence entre le nom et l'identifiant en entrée. J'ai récemment appris jquery et j'ai de nouveau rencontré ce problème, j'ai donc collecté des informations en ligne. Après avoir vu cet article, je l'ai trié pour une utilisation ultérieure.
On peut dire que presque tous ceux qui ont fait du développement Web se sont demandé quelle est la différence entre l'ID et le nom d'un élément ? Pourquoi avons-nous besoin de Name quand nous avons ID ?! Et nous pouvons également obtenir la réponse la plus classique : ID est comme le numéro d'identification d'une personne, et Name est comme si son nom est évidemment unique, et Name est répétable.
La semaine dernière, j'ai également rencontré le problème de l'ID et du nom. J'ai entré un type d'entrée="hidden" sur la page et j'ai seulement écrit un ID='SliceInfo'. Après avoir attribué la valeur, soumettre et utiliser la requête dans. l'arrière-plan Params["SliceInfo"] ne peut pas obtenir la valeur. Plus tard, j'ai soudainement réalisé qu'il devait être marqué avec Name, j'ai donc ajouté Name='SliceInfo' à l'entrée, et tout allait bien.
La réponse à ID et Name dans le premier paragraphe 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 :
Utilisation 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.
Utilisez 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éalisé.
Objectif 3 : Créer un point d'ancrage dans la page. Nous savons que link est destiné à obtenir un lien hypertexte de page. Si vous n'utilisez pas l'attribut href, utilisez Nom. à la place, comme : < ;a name="PageBottom">, nous obtenons une ancre de page.
Utilisez 4 : Identité en tant qu'objet, tel qu'applet, objet, intégration et autres éléments. Par exemple, dans une instance d’objet Applet, nous utiliserons son nom pour faire référence à l’objet.
Objectif 5 : Lors de l'association entre des éléments IMG et des éléments MAP, si vous souhaitez définir la zone de hotspot d'IMG, vous devez utiliser son attribut usemap, donc usemap="#name" (Nom de l'élément MAP associé ).
Utilisation 6 : Attributs de certains éléments spécifiques, tels que l'attribut, la méta et le param. Par exemple, définissez les paramètres pour Object ou
É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.
Bien sûr, l'attribut Name de l'élément HTML peut également jouer un rôle d'ID dans la page, car dans l'arborescence des objets DHTML, nous pouvons utiliser document.getElementsByName pour obtenir un tableau d'objets contenant tous les noms spécifiés. éléments dans la page. Il y a un autre problème avec l'attribut Name. Lorsque nous créons dynamiquement un élément pouvant contenir l'attribut Name, nous ne pouvons pas simplement utiliser l'affectation element.name = "..." pour ajouter son Name. Nous devons utiliser document.createElement( when. la création de l'élément. '
var input = document.createElement('INPUT');
input.id = 'myId';
input.name = 'myName';
alert(input.outerHTML) ;
< /script>
Le résultat affiché dans la zone de message est : .
< JavaScript"> ;
var input = document.createElement('');
input.id = 'myId';
alert(input.outerHTML);
< ; /script>
Le résultat affiché dans la boîte de message est : .
La conception de l'initialisation de l'attribut Name n'est pas un défaut d'IE, car MSDN dit que cela devrait être fait de cette façon, mais quel est le principe de cette conception ? Je n'ai pas encore réfléchi très clairement.
Au fait, que se passe-t-il s'il y a n (n>1) éléments HTML dans la page avec le même ID ? Comment les référencer dans des objets DHTML ? Si nous utilisons des pages ASPX, une telle situation n'est pas facile, car le processus aspnet n'autorise pas les identifiants non uniques lors du traitement des pages aspx. Cela signifie que la page lèvera une exception et ne pourra pas être rendue normalement. S'il ne s'agit pas d'une page dynamique et que nous insistons pour répéter l'ID, que devons-nous faire avec IE ? Pour le moment, nous pouvons toujours utiliser document.getElementById pour obtenir des objets, mais nous ne pouvons obtenir que le premier objet qui apparaît lors du rendu HTML parmi les objets avec des ID en double. À ce stade, l'ID répété deviendra automatiquement un tableau une fois référencé, et les éléments avec des ID répétés existeront dans le tableau dans l'ordre de rendu.
Les éléments de formulaire (form input textarea select) et les éléments de frame (frame iframe) sont nommés
Ces éléments sont liés à la soumission du formulaire (les éléments de frame agissent sur la cible du formulaire sur la page de réception de). le formulaire, uniquement
Recevoir des éléments avec un nom. Les éléments attribués à un ID ne peuvent pas recevoir de valeurs via le formulaire.
Il y a une exception : A peut se voir attribuer un nom comme ancre ou ID
Bien sûr, les éléments ci-dessus peuvent également se voir attribuer des valeurs d'ID. Lors de l'attribution de valeurs d'ID, la méthode de référencement de ces éléments changera
Attribuer un nom : document.formName.inputName document.frames("frameName").
Attribuer un ID : document.getElementById("inputID") document.all.frameID
Seuls les ID peuvent être attribués mais pas les noms : (sauf pour les éléments liés au formulaire, seuls les ID peuvent être attribués)
body li table tr td th p div span pre dl dt dd police b etc.