Est-ce que la valeur de l'attribut id doit être unique ?

**andrianiaina** · 02/08/2011, 15h07

Bonjour à tous,

Si j'écris <input type="text" id="persnom"> est-ce que je peux créer un autre élément ayant ce même id ? Et si je crée un autre élément dans un autre formulaire que celui contenant l'élément précédent est-ce que c'est possible ?

Merci

**NoSmoking** · 02/08/2011, 15h42

Bonjour,
une ID doit être UNIQUE dans un document.

**Bisûnûrs** · 02/08/2011, 15h49

"id" signifie "identifiant" donc s'il n'était pas unique, ça ne s'appellerait pas ainsi.

**andrianiaina** · 02/08/2011, 15h54

Et si je crée deux formulaires différents dans une page !?

**NoSmoking** · 02/08/2011, 15h58

tu peux mettre autant de formulaires que tu veux, il FAUT que l'ID soit UNIQUE dans le document(= page).

**kdmbella** · 02/08/2011, 16h11

id signifie identifiant il permet donc d'identifier chaque élément de ta page XHtml et de ce fait ce doit d'étre unique. il est très utile lors de l'utilisation du javascript.

**RomainVALERI** · 02/08/2011, 17h20

Envoyé par andrianiaina

Et si je crée deux formulaires différents dans une page !?

Si tu veux une structure "symétrique" pour tes deux formulaires, utilise plutot les name de tes input, qui eux n'ont pas à être uniques dans la page, et tu pourras y accéder à partir d'une référence sur l'un des formulaires de la page quelle qu'elle soit ^^

Fais ce test si tu veux :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
   <body>
      <form action="blabla" name="form1">
         <input name="persnom" value="1"></input>
      </form>
      <form action="blablabla" name="form2">
         <input name="persnom" value="2"></input>
      </form>
      <script>
         alert(document.forms["form1"].elements["persnom"].value);
         alert(document.forms["form2"].elements["persnom"].value);
      </script>
   </body>
</html>

**NoSmoking** · 02/08/2011, 18h38

...d'autant que pour que les données soient transférées, via la FORM, si elles doivent l'être, il faut IMERATIVEMENT quelles aient un name.

**Auteur** · 02/08/2011, 21h49

Attention toutefois avec les name sur les éléments (les input quels qu'ils soient, textarea) du formulaire sous IE, la méthode document.getElementById() retournera un objet si le paramètre donné est la valeur d'un name.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<html>
<head>
<title></title>
<script type="text/javascript">
function getPlop()
{
        alert(document.getElementById("plop"));
}
</script> 
</head>
 
<body onload="getPlop()">
 
<form>
<input type="button" value="bla bla" name="plop" />
</form>
 
</body>
</html>

Retournera null sous Firefox (normal il n'y a pas d'id) et [Object] sous IE

**Bovino** · 02/08/2011, 22h42

Oui Auteur, mais uniquement parce que tu n'as pas mit de doctype, qui fait basculer IE en mode Quircks. En mode standard, IE ne fait pas cette confusion depuis la version 7

**Auteur** · 03/08/2011, 11h31

Envoyé par Bovino

Oui Auteur, mais uniquement parce que tu n'as pas mit de doctype, qui fait basculer IE en mode Quircks. En mode standard, IE ne fait pas cette confusion depuis la version 7

Effectivement autant pour moi

Est-ce que la valeur de l'attribut id doit être unique ?

HTML

Discussions similaires

Partager

Partager