La différence entre ID et NAME en HTML

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 d’un nom alors que nous avons une pièce d’identité ? Et nous pouvons également obtenir la réponse la plus classique : l'ID est comme le numéro d'identification d'une personne, et le nom est comme son nom, l'ID est évidemment unique, et le nom peut être répété.

La réponse à l'ID et au nom dans le paragraphe ci-dessus est trop générale. Discutons-en en détail ci-dessous.

1. Le nom et l'identifiant peuvent être utilisés pour appeler des éléments en HTML

Lorsque nous devons accéder à un élément HTML dans la page dans un script, nous spécifions généralement l'identifiant ou le nom de l'élément HTML

Selon la norme WEB, n'importe quel élément du document HTML est accessible via getElementById(), getElementsByName() et getElementsByTagName().

Pour accéder à un élément spécifique, essayez d'utiliser le standard document.getElementById(id).

S'il y a plus de deux balises portant le même nom dans un document, alors document.getElementsByName(name) peut obtenir ces éléments pour former un tableau.

Pour accéder aux balises, utilisez le standard document.getElementByTagName(tag).

Remarque : L'identifiant est sensible à la casse, tandis que le nom n'a fondamentalement aucune exigence et peut même utiliser des chiffres.

2. Dans quelles circonstances le nom doit-il être utilisé ?

1. Les éléments du formulaire (par exemple : formulaire, saisie, zone de texte, sélection, bouton, etc.) sont généralement liés à la soumission du formulaire, seuls les éléments avec des noms attribués à des identifiants ne peuvent pas recevoir de valeurs. via le formulaire.

2. La case à cocher et le bouton radio des éléments de formulaire correspondent généralement à plusieurs contrôles. Dans ce cas, l'attribut name doit être utilisé pour réaliser le regroupement. Le même groupe utilise le même nom. Il n’y aura aucune interférence entre les options des deux questions.

3. Le nom de l'élément frame (iframe, frame), utilisé pour spécifier des cibles dans d'autres iframes et frames.

4. Établissez le point d'ancrage dans la page. Nous savons que link sert à obtenir un lien hypertexte de page. Si l'attribut href n'est pas utilisé, le nom est utilisé à la place. : , nous obtenons une ancre de page.

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" (le nom de l'élément MAP associé).

6. Attributs de certains éléments spécifiques, tels que l'attribut, la méta et le paramètre. Par exemple, définissez les paramètres pour l'objet ou dans Meta

3. Dans quelles circonstances faut-il utiliser une pièce d'identité ?

1. L’association entre le contrôle d’étiquette et de formulaire. Par exemple :

<label for="myInput">文本录入框</label>
<input id="myInput" type="text" />

2. L'ID peut être utilisé pour définir un style CSS. Par exemple :

<style type="text/css">
#my
{
      font-size: 12px;
      color: red;
}
</style>
<p id="my">设置字体大小和颜色</p>

                                       

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!