Définition et utilisation
Le name attribut spécifie un nom pour l'élément.
Cet attribut de nom peut être utilisé pour référencer l'élément dans un JavaScript.
Pour les éléments de formulaire, il est également utilisé comme référence lorsque les données sont soumises,
Pour élément iframe il peut être utilisé pour cibler une soumission de formulaire.
Pour l'élément de carte, le name de l' attribut est associé au <img>'s usemap attribut et crée une relation entre l'image et la carte.
Pour l'élément meta, le name attribut spécifie un nom pour l'information / valeur du content attribut.
Pour l'élément param, le name de l' attribut est utilisé conjointement avec la value attribut pour spécifier les paramètres pour le plugin spécifié avec le <object> tag.
S'applique à
Le name de l' attribut peut être utilisé sur les éléments suivants:
| Éléments | Attribut |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <keygen> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
Exemples
Exemple
Deux boutons avec des noms égaux, qui présentent des valeurs différentes lorsque vous cliquez dessus:
<form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
Essayez - le vous - même » Fieldset Exemple
A <fieldset> avec un name attribut:
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
Essayez - le vous - même » Form Exemple
Un formulaire HTML avec un name attribut:
<form
action="form_action.asp"
method="get" name="myForm">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>
Essayez - le vous - même » Iframe Exemple
Un <iframe> qui agissent comme une cible pour un lien:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Essayez - le vous - même » Input Exemple
Un formulaire HTML avec trois champs de saisie; touche deux champs de texte et un soumettre:
<form
action="demo_form.asp">
Name: <input type="text" name="fullname"><br>
Email:
<input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
Essayez - le vous - même » Keygen Exemple
Un formulaire avec un champ de keygen:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Essayez - le vous - même » Map Exemple
Une image-carte, 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>
Essayez - le vous - même » Meta Exemple
Utilisez le name attribut pour définir une description, mots - clés, et l'auteur d'un document HTML:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Essayez - le vous - même » Object Exemple
Un <object> élément avec un name attribut:
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> Essayez - le vous - même » Output Exemple
Effectuer un calcul et afficher le résultat dans une <output> élément:
<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>
Essayez - le vous - même » Param Exemple
Réglez le "autoplay" paramètre à "true" , de sorte que le son va commencer à jouer dès que la page se charge:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Essayez - le vous - même » Select Exemple
Une liste déroulante avec un name attribut:
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Essayez - le vous - même » Textarea Exemple
Une zone de texte avec un name attribut:
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
Essayez - le vous - même » support du navigateur
Le multiple attribut a le support de navigateur suivant 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 |
| keygen | Oui | Non supporté | Oui | 6.0 | Oui |
| 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 |