Maison  >  Article  >  interface Web  >  La différence entre ID et NAME en HTML

La différence entre ID et NAME en HTML

巴扎黑
巴扎黑original
2017-04-05 09:43:521696parcourir

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 91d83b4822db6c9c4aabe5918601cc24link5db79b134e9f6b82c0b36e0489ee08ed sert à obtenir un lien hypertexte de page. Si l'attribut href n'est pas utilisé, le nom est utilisé à la place. : 029682702b6277a67ebd72b563fab8f55db79b134e9f6b82c0b36e0489ee08ed, 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 c482d017ac37d0493b1edf90b225c0b5 ou dans Meta 46d5a0e5377847b89933ca8c01909b8f

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!

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
Article précédent:Tutoriel STHML(4)Article suivant:Tutoriel STHML(4)