php Quel codeur ne s'est pas posé cette question ?
La réponse n'est pas « ##c'est la même chose## ». Et NON ce ne sont pas deux choses redondantes que l'on peut substituer l'un l'autre à tout va.

La distinction entre les deux peut se résumer ainsi : __id__ est un attribut lu par le navigateur (en HTML, CSS ou Javascript) ; __name__ sert à PHP lors de la validation d'un formulaire.

Ainsi, si je fais :
<input id="toto" name="titi" value="" size="150"/>

J'aurais, coté PHP, une variable __$_POST['titi']__ mais certainement pas de $_POST['toto'].

À l'inverse, si je veux donner un style CSS à mon champ, je devrais utiliser un __#toto { … }__, et non pas un #titi.
Même chose pour les éléments __

18 commentaires

gravatar
qwerty a dit :

Pour le truc du label, je croyais que c'était le name. On apprend tout les jours !

gravatar
Le Hollandais Volant a dit :

M'en suis aperçu hier, quand 'label' ne marchait pas avec le 'name'.

(label : ça ne marche que si on joue du hautbois en dormant, je vous laisse découvrir pourquoi :D)

gravatar
0siris a dit :

La Belle au bois dormant ?

gravatar
Iste a dit :

"Quel codeur ne s'est pas posé cette question ?"
Tout vrai et bon codeur.

Il faudrait aussi dire que l'id doit etre unique contrairement au name, et qu'en JS on peut donc récuperer des tableau d'éléments par leur name.

Merci pour cet article !

gravatar
Petitkoalak a dit :

5ans de <label for="toto"></label><input id="titi" name="toto" type="text" />

je me suis jamais rendu compte de rien :/

gravatar
Iste a dit :

Arf, pas de possibilité d'édition :s La prochaine fois je réfléchirai plus longtemps avant de poster.. bref,

Il est bon d'expliquer que l'id et le name sont deux choses différentes, mais il serait mieux d'expliquer leur rôle qui sont totalement différents, peut être qu'après cela on n'aura plus de confusion.

L'id est l'identifiant unique d'un composant. Une id permet donc de retrouver le composant à coup sûr. De son coté, le name n'est qu'un attribut du composant, simplement une valeur en plus qu'on lui associe, normal donc de pouvoir trouver plusieurs fois la même.
Attention toute foi, car dans un formulaire, le name joue rôle d'id !

En JS, l'id permet de travailler sur un élément, le name sur une collection d'éléments.

Pour en revenir sur la différence entre id et name, J'ai plusieurs potes qui se nomment Roger, ils sont pourtant deux personne différente avec pas le même numero sur leur carte d'identité ;)

gravatar
Nek a dit :

On est sur le site du zéro ou quoi ?
(et encore, même là bas les articles sont plus intéressants...

gravatar
doku a dit :

Heu, ce sont juste les bases en HTML. Je ne vois pas l'intérêt d'en parler.

gravatar
Le Hollandais Volant a dit :

C'est justement parce que ce sont les bases que j'en parle : vu que ce sont les bases, personne ne juge utile d'en parler (même le génial site du zéro - ni son livre - n'expliquent la différence), et c'est pour ça que tout le monde fait la confusion (j'ai mi du temps à le trouver aussi).

D'où ce billet.

Je pense justement que plus les choses sont basiques, plus il faut en parler.
Exemple sous Linux : ouvrir un fichier *.run ou installer 50 programmes en 1 clic. C'est totalement simple comme astuce/idée/action... mais si on ne le sait pas, on est bloqué.

J'ai été bloqué.
Et je veux pas que d'autres le soient aussi parce que je n'aurais rien fait.

gravatar
Nek a dit :

Si, le site du zéro en parle.

Et d'ailleurs, poser ce genre de question sur le forum du site semble assez normal. Une réponse sortira dans les 5min...

Pour ce qui est de fournir une solution, oui. Mais pas sur un blog comme celui-ci. Cependant je ne fais que donner mon avis et ne suis pas propriétaire du dit blog.

gravatar
Le Hollandais Volant a dit :

Le SDZ en parle, mais n'expliquent pas la différence entre les deux : je cite : « Un name et un id sur le champ ? Ca ne va pas faire double emploi ça ? Si, un peu. »
(alors que la première chose à dire sur "name" et "id" c'est justement qu'ils sont différents…

Cependant je ne fais que donner mon avis
Mais ton avis est tout à fait le bienvenu :)

et ne suis pas propriétaire du dit blog.
Non, c'est moi^^
Et j'ai mes raisons pour donner ce genre de solutions sur ce blog (la principale étant que ce site me sert beaucoup de "mémo" personnel, et que plutôt que de garder la solution à mes problèmes dans un fichier word sur mon disque dur, je le met en ligne pour qu'ils profitent à tous.

gravatar
Nek a dit :

[...]Mais ce n'est pas tout ! Il manque un attribut qui sera très important : c'est le nom de votre zone de texte. En effet, cela vous permettra plus tard (dans le langage PHP) de reconnaître que tel texte est le pseudo du visiteur, tel texte est son mot de passe etc...
Il faut donc donner un nom à cette zone de texte, grâce à l'attribut name.
[...]
Mais ça ne suffit pas. Il faut lier le label avec la zone de texte.
Pour ce faire, il faut donner un nom à la zone de texte, non pas avec l'attribut name mais avec l'attribut id (que l'on peut utiliser sur toutes les balises).


Moi, je vois une différenciation.

Pour ce qui est du mémo personnel.. C'est en effet une bonne idée. (même si des choses aussi basiques devraient être connues par tout à chacun).
Je ne suis pas lecteur habitué de ton blog, mais j'en ai entendu de très bons echos venant de gens plus ou moins expérimenté. Là ça fait plutôt noob.com alors que ton blog a atteint un certain rayonnement... Enfin d'ici à ce que Korben poste ce genre d'articles on a le temps je pense.

De plus je soulignerai que j'ai posté mais je ne suis pas tombé sur cet article par hasard. On m'a longuement répété « Avant il faisait des article intéressant et là ça devient n'importe quoi regarde ! ».
Prend cela comme tu le veux. Inutile d'épiloguer plus longtemps :o .

gravatar
Le Hollandais Volant a dit :

Ok pour le SdZ, ça ne devait pas y être quand j'étais au niveau de lire ce tutoriel...

Pour ce qui est du mémo personnel.. C'est en effet une bonne idée. (même si des choses aussi basiques devraient être connues par tout à chacun).
J'ai pas une bonne mémoire pour ce genre de choses. C'est mon problème je sais, mais c'est aussi mon blog.

Je ne suis pas lecteur habitué de ton blog, mais j'en ai entendu de très bons echos venant de gens plus ou moins expérimenté. Là ça fait plutôt noob.com alors que ton blog a atteint un certain rayonnement... Enfin d'ici à ce que Korben poste ce genre d'articles on a le temps je pense.

Et bien les échos, s'ils sont bons doivent avoir été déformés si le blog n'est pas si bon que ça...
Un certains rayonnement ? C'est justement à ces échos que je le dois, il me semble. Je n'oblige personne à me lire ou à critiquer mon site...

Quand à Korben, c'est un blog que j'aprécie, mais on n'a pas le but. Lui c'est le premier blog high-tech de France, je pense qu'il veut le rester et il a raison. Moi j'en ai rien à faire : je te l'ai dit, ce blog est mon mémo ouvert à tous. J'y place aussi des coups de gueule quand j'ai envie de le faire.

Quand au niveau de ses article, je ne pense pas non plus que le contenu est le même. Il est plutôt rare que je fasse des billets pour une vidéo humouristique ou une image fun.

Et il y'a quelques personnes qui semblent apprécier mes pages sur Linux ou mes tutos sur le binaire ou autres...


On m'a longuement répété « Avant il faisait des article intéressant et là ça devient n'importe quoi regarde ! »
Ah, donc la personne qui t'a donné le lien contribue à propager un site qu'il n'aime pas. Remercies-le pour moi :-)


Mais ce n'est pas tout cela qui va me faire changer ma façon de bloguer.

(Et si tout le monde m'aimait, ça ne serait pas drôle : si j'énerve certaines personnes, j'en suis presque content tu vois^^)

gravatar
Guenhwyvar a dit :

Et la moitié de l'article en gras, c'est voulu ?

gravatar
LiequeZeM a dit :

#random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://guccibagsjp2013.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://guccibagsjp2013.com/">{GUCCI 財布|GUCCI アウトレット|GUCCI バッグ|グッチ 財布|グッチ アウトレット 公式|グッチ バッグ]</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://chanelbestjp.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://chanelbestjp.com/">{シャネル バッグ|シャネル 財布|chanel 財布|chanel バッグ]</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://newchanel2013.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://newchanel2013.com/">{シャネル バッグ|シャネル 財布|chanel 財布|chanel バッグ]</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://www.mcmjaptennpo.asia/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://www.mcmjaptennpo.asia/">{MCM 財布|MCM 店舗|MCM バッグ|MCM リュック|mcm}</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://guccilikejp.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://guccilikejp.com/">{GUCCI 財布|GUCCI アウトレット|GUCCI バッグ|グッチ 財布|グッチ アウトレット 公式|グッチ バッグ]</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://chanelalljp.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://chanelalljp.com/">{シャネル バッグ|シャネル 財布|chanel 財布|chanel バッグ]</a> #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] http://lovelvjp.com/ #random<A>.Z]#random<a>.z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] #random<A>.Z]#random<a>.z]#random<A>.Z] <a href="http://lovelvjp.com/">{ルイヴィトン 財布|ルイヴィトン バッグ|ルイヴィトン 財布 新作 2013|ルイヴィトン 店舗]</a>

gravatar
illirtyTymn a dit :

ToP igSP s aeRU http://www.bagguya.com/ TtO yaOO d ivBI <a href="http://www.bagguya.com/">gucci バッグ</a> TyP j cqVM http://www.baggusenmonten.com/ TgI p ylOL <a href="http://www.baggusenmonten.com/">グッチアウトレット</a> XsQ agKQ h dcRL http://www.bagsbrandshop.com/ UfH osKP m jbOS <a href="http://www.bagsbrandshop.com/">gucci バッグ</a> ToK w awON http://www.bagsstorejp.com/ EpN x mmQY <a href="http://www.bagsstorejp.com/">グッチアウトレット</a> QdL u qcCK http://www.bagscybershop.com/ BoU v naUV <a href="http://www.bagscybershop.com/">gucci 財布</a> MnZ flSN f xhOI http://www.bagsonlineshopjp.com/ RzU xnJX h mjUT <a href="http://www.bagsonlineshopjp.com/">グッチ 財布</a> BhW rcOC r wrZD http://www.bagsspecialitystore.com/ CiM ilYY u fyXL <a href="http://www.bagsspecialitystore.com/">グッチ 財布</a> XvR bbBF n ndZC http://www.manybagsjp.com/ ReQ xzFH u orTN <a href="http://www.manybagsjp.com/">gucci 財布</a>

Les commentaires sont fermés pour cet article