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

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

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

02/08/2011, 15h07	#1
andrianiaina Membre à l'essai Inscription : juillet 2006 Messages : 221 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 221 Points : 23 Points : 23	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
	00

02/08/2011, 15h54	#4
andrianiaina Membre à l'essai Inscription : juillet 2006 Messages : 221 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 221 Points : 23 Points : 23	Et si je crée deux formulaires différents dans une page !?
	00

02/08/2011, 15h58	#5
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	tu peux mettre autant de formulaires que tu veux, il FAUT que l'ID soit UNIQUE dans le document(= page).
	00

02/08/2011, 16h11	#6
kdmbella Membre Expert Demazy Mbella Développeur Web Inscription : août 2010 Messages : 620 Détails du profil Informations personnelles : Nom : Demazy Mbella Localisation : Cameroun Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : août 2010 Messages : 620 Points : 1 470 Points : 1 470	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. __________________ Trois personnes peuvent garder un secret si deux d'entre elles sont mortes. :Benjamin Franklin L'humanité se divise en trois catégories : ceux qui ne peuvent pas bouger, ceux qui peuvent bouger, et ceux qui bougent : Benjamin Franklin Le hasard, c'est le déguisement que prend Dieu pour voyager incognito: Albert Einstein bon je m'arrête là au risque de me faire buter
	00

02/08/2011, 22h42	#10
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 797 Points : 35 797	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 __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	20

02/08/2011, 15h42	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	Bonjour, une ID doit être UNIQUE dans un document.
	10

02/08/2011, 15h49	#3
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	"id" signifie "identifiant" donc s'il n'était pas unique, ça ne s'appellerait pas ainsi.
	10

02/08/2011, 18h38	#8
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	...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.
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email