Attribut name HTML
Définition et Utilisation
L'attribut name spécifie un nom pour un élément HTML.
Cet attribut name peut être utilisé pour référencer l'élément dans JavaScript.
Pour un élément <form> , l'attribut name est utilisé comme référence lorsque les données sont soumises.
Pour un élément <iframe> , l'attribut name peut être utilisé pour cibler une soumission de formulaire.
Pour un élément <map> , l'attribut name est associé à l'attribut usemap de l'élément <img> et crée une relation entre l'image et la carte.
Pour un élément <meta> , l'attribut name spécifie un nom pour l'information ou la valeur de l'attribut content .
Pour un élément <param> , l'attribut name est utilisé avec l'attribut value pour spécifier des paramètres pour le plugin défini avec la balise <object> .
S'applique à
L'attribut name peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
Exemples
Exemple
Deux boutons avec des noms identiques, qui soumettent des valeurs différentes lorsqu'ils sont cliqués :
<form action="/action_page.php" method="get">
Choisissez votre sujet préféré :
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form> Exemple de Fieldset
Un <fieldset> avec un attribut name :
<fieldset name="personalia">
Nom : <input type="text"><br>
Email : <input type="text"><br>
</fieldset> Exemple de Formulaire
Un formulaire HTML avec un attribut name :
<form action="/action_page.php" method="get" name="myForm">
Prénom : <input type="text" name="fname"><br>
Nom : <input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Envoyer les données du formulaire !">
</form> Exemple d'Iframe
Un <iframe> qui sert de cible pour un lien :
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="https://www.formation-ti.org" target="iframe_a">formation-ti.org</a> Exemple d'Input
Un formulaire HTML avec trois champs d'entrée : deux champs de texte et un bouton de soumission :
<form action="/action_page.php">
Nom : <input type="text" name="fullname"><br>
Email : <input type="text" name="email"><br>
<input type="submit" value="Soumettre">
</form> Exemple de Map
Une carte d'image avec des zones cliquables :
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map> Exemple de Meta
Utilisez l'attribut name pour définir une description, des mots-clés et l'auteur d'un document HTML :
<head>
<meta name="description" content="Tutoriels Web gratuits">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head> Exemple d'Object
Un élément <object> avec un attribut name :
<object data="helloworld.swf" width="400" height="400" name="obj1"></object> Exemple d'Output
Effectuez un calcul et montrez le résultat dans un élément <output> :
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form> Exemple de Param
Définissez le paramètre "autoplay" sur "true", afin que le son commence à jouer dès que la page se charge :
<object data="horse.wav">
<param name="autoplay" value="true">
</object> Exemple de Select
Une liste déroulante avec un attribut name :
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select> Exemple de Textarea
Une zone de texte avec un attribut name :
<form action="/action_page.php">
<textarea name="comment">Entrez du texte ici...</textarea>
<input type="submit">
</form> Support des Navigateurs
L'attribut name est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| button | Oui | Oui | Oui | Oui | Oui |
| fieldset | Oui | Non supporté | Oui | Oui | Oui |
| form | Oui | Oui | Oui | Oui | Oui |
| iframe | Oui | Oui | Oui | Oui | Oui |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| map | Oui | Oui | Oui | Oui | Oui |
| meta | Oui | Oui | Oui | Oui | Oui |
| object | Oui | Oui | Oui | Oui | Oui |
| output | 10.0 | Non supporté | 4.0 | 5.1 | 11.0 |
| param | Oui | Oui | Oui | Oui | Oui |
| select | Oui | Oui | Oui | Oui | Oui |
| textarea | Oui | Oui | Oui | Oui | Oui |