Exemple d'introduction à la différence entre les attributs id et name dans la production de pages input_HTML/Xhtml

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. '') ajoute l'attribut Name à l'élément. Qu'est-ce que cela signifie? Il suffit de regarder l'exemple ci-dessous pour comprendre.