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

Version imprimable

02/08/2011, 15h07
andrianiaina

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

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
02/08/2011, 15h42
NoSmoking

Bonjour,
une ID doit être UNIQUE dans un document.
02/08/2011, 15h49
Bisûnûrs

"id" signifie "identifiant" donc s'il n'était pas unique, ça ne s'appellerait pas ainsi.
02/08/2011, 15h54
andrianiaina

Et si je crée deux formulaires différents dans une page !?
02/08/2011, 15h58
NoSmoking

tu peux mettre autant de formulaires que tu veux, il FAUT que l'ID soit UNIQUE dans le document(= page).
02/08/2011, 16h11
kdmbella

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. :ccool:

Citation:

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:

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>

02/08/2011, 18h38
NoSmoking

...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.

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:

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 :aie:

02/08/2011, 22h42
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 ;)
03/08/2011, 11h31
Auteur

Citation:

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 :oops: