Quel est le rôle de l'attribut name dans les formulaires HTML ? Quelle est la différence entre le nom et l'identifiant ?

Quel est le rôle de l'attribut name dans les formulaires HTML ? Quelle est la différence entre le nom et l'identifiant ? Cet article explique principalement le rôle de l'attribut name dans les formulaires HTML et la différence entre nom et ID

Le rôle et l'utilisation

Par exemple :

<input type="password" name="txtPassword" id="pwd" size="12">

type représente le type ; name signifie que le nom peut être répété ; id représente l'identifiant unique ; l'attribut

name spécifie le nom de l'élément d'entrée.

① L'attribut name est utilisé pour identifier les données du formulaire après leur soumission au serveur

② ou pour référencer les données du formulaire via JavaScript sur le client.

Remarque : seuls les éléments de formulaire avec l'attribut name défini peuvent transmettre leurs valeurs lors de la soumission du formulaire.

<input name="value">

Exemple :

Formulaire HTML avec deux champs de texte et un bouton d'envoi :

<form action="form_action.asp" method="get">
  <p>Name: <input type="text" name="fullname" /></p>
  <p>Email: <input type="text" name="email" /></p>
  <input type="submit" value="Submit" />
</form>

Différence entre le nom et l'ID

La différence entre les deux :

id doit répondre aux exigences d'identification, telles que la sensibilité à la casse, et il est préférable de ne pas inclure de traits de soulignement (car il n'est pas compatible avec CSS). Il n’y a pratiquement aucune exigence concernant le nom et vous pouvez même utiliser des chiffres.

Supplément : le nom est principalement un attribut qui n'existe que dans les éléments du formulaire. Obtenez la valeur de la zone de texte via js document.form name.textbox.value. Le nom du formulaire et le nom de la zone de texte font référence au nom des éléments non-formulaires tels que div, span, etc. l'attribut id Il est présent dans chaque élément HTML. Lorsque vous devez utiliser js pour obtenir des objets d'élément non-formulaire, vous devez utiliser document.getElementById("id")

[Recommandations associées]

Éléments de base du HTML, vous donnant zéro fondement Apprenez le HTML

Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML

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!