Commentaires sur : Des label pour vos formulaires ! http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/ Web 2.0 & Geek Generation....ou pas Sat, 22 Nov 2008 00:47:38 +0000 http://wordpress.org/?v=2.6.3 Par : ShadowKris http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-836 ShadowKris Sat, 26 May 2007 11:36:35 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-836 <strong>Darklg:</strong> Pas vraiment :P <strong>eMeRiKa:</strong> Comme je l'ai dit avant, l'alignement en tableau était ici pour mettre en avant l'utilisation de l'attribut "for" ^^ De plus, pour l'affichage des "exemples de champs", j'ai pas eu d'autre choix que de mettre ça en tableau sinon ça ne plaisait pas à Wordpress ;) (et puis bon, personnellement je suis contre les tableaux pour un design, la structure d'un site, mais pas pour son contenu =) ) <strong>Fighty:</strong> De rien ;) Darklg: Pas vraiment :P

eMeRiKa: Comme je l’ai dit avant, l’alignement en tableau était ici pour mettre en avant l’utilisation de l’attribut “for” ^^ De plus, pour l’affichage des “exemples de champs”, j’ai pas eu d’autre choix que de mettre ça en tableau sinon ça ne plaisait pas à Wordpress ;) (et puis bon, personnellement je suis contre les tableaux pour un design, la structure d’un site, mais pas pour son contenu =) )

Fighty: De rien ;)

]]> Par : Fighty http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-829 Fighty Fri, 25 May 2007 21:44:37 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-829 Merci pour ce petit rappel :] Merci pour ce petit rappel :]

]]> Par : eMeRiKa http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-827 eMeRiKa Fri, 25 May 2007 17:06:58 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-827 c'est vrai que le label est dévenu un peu désué. il faut déja entourer le input d'un p^pour ue la page soit valide, alors rajouter un label çà surcharge!! Mais j'y penserai.. Par contre l'alignement via un tableau ouch çà pique les yeux.. On est loin des recommandations actuelles. c’est vrai que le label est dévenu un peu désué. il faut déja entourer le input d’un p^pour ue la page soit valide, alors rajouter un label çà surcharge!! Mais j’y penserai..

Par contre l’alignement via un tableau ouch çà pique les yeux.. On est loin des recommandations actuelles.

]]> Par : Darklg http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-826 Darklg Fri, 25 May 2007 13:50:08 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-826 Tu te redécouvres une passion pour l'accessibilité et les bonnes pratiques web ? :D Tu te redécouvres une passion pour l’accessibilité et les bonnes pratiques web ? :D

]]> Par : ShadowKris http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-825 ShadowKris Fri, 25 May 2007 13:13:08 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-825 <strong>darklg:</strong> J'ai fait cet article sur Wordpress, il va de soi que si un tableau est mal foutu (avec des "br" à l'intérieur), c'est que c'est Wordpress qui s'en est mêlé. Cet abruti traite les article à leur affichage, et non à l'enregistrement, résultat il me met des paragraphes non fermés, etc... :/ <strong>mick:</strong> C'est juste, mais il faudra revoir la taille du label si tu change la taille du texte. De plus, tu force à mettre un attribut "for" au label alors que tu pourrais simplement l'entourer. Avec un tableau ce problème n'arrive pas, la mise en page est simple, et c'est pas comme si c'était un design. Après tout, un formulaire, c'est comme des données tabulaires :) <strong>Marin:</strong> En effet, c'est mieux pour l'accessibilité. Et les tabindex aussi, merci de le rappeler, il faut que je pense à les mettre sur mon site ;) darklg: J’ai fait cet article sur Wordpress, il va de soi que si un tableau est mal foutu (avec des “br” à l’intérieur), c’est que c’est Wordpress qui s’en est mêlé. Cet abruti traite les article à leur affichage, et non à l’enregistrement, résultat il me met des paragraphes non fermés, etc… :/

mick: C’est juste, mais il faudra revoir la taille du label si tu change la taille du texte. De plus, tu force à mettre un attribut “for” au label alors que tu pourrais simplement l’entourer. Avec un tableau ce problème n’arrive pas, la mise en page est simple, et c’est pas comme si c’était un design. Après tout, un formulaire, c’est comme des données tabulaires :)

Marin: En effet, c’est mieux pour l’accessibilité. Et les tabindex aussi, merci de le rappeler, il faut que je pense à les mettre sur mon site ;)

]]> Par : Marin http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-824 Marin Fri, 25 May 2007 11:51:23 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-824 C'est aussi vraiment pertinent pour l'accessibilité. Un screenreader associera plus facilement le libellé d'un champs au champs du formulaire. Ne pas oublier non plus les tabindex quand c'est nécessaire. C’est aussi vraiment pertinent pour l’accessibilité. Un screenreader associera plus facilement le libellé d’un champs au champs du formulaire.

Ne pas oublier non plus les tabindex quand c’est nécessaire.

]]> Par : mick http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-823 mick Fri, 25 May 2007 11:49:46 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-823 Bon je me suis un peu emballé, il faut un peu plus qu'une simple propriété width. disons que c'est mieux comme ça : <code>label { display:block; float:left; width:100px; }</code> Il peut aussi être utile de configurer height et line-height. Bon je me suis un peu emballé, il faut un peu plus qu’une simple propriété width.
disons que c’est mieux comme ça :
label {
display:block;
float:left;
width:100px;
}
Il peut aussi être utile de configurer height et line-height.

]]> Par : mick http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-822 mick Fri, 25 May 2007 10:58:42 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-822 Petit rappel pertinent. Je dois dire que je n'y pense que trop rarement lorsque je code, mais que j'aime bien utiliser ce petit détail quand je navigue ;) Pour aligner en CSS, il suffit de définir une largeur fixe à tous les labels, et cela alignera les champs qui sont positionnés après. Petit rappel pertinent. Je dois dire que je n’y pense que trop rarement lorsque je code, mais que j’aime bien utiliser ce petit détail quand je navigue ;)

Pour aligner en CSS, il suffit de définir une largeur fixe à tous les labels, et cela alignera les champs qui sont positionnés après.

]]> Par : Darklg http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-821 Darklg Fri, 25 May 2007 10:11:23 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-821 C'est juste pour te filer un coup de main, et que ça soit plus serieux pour une page d'accueil de blog d'un webmaster dont le niveau xhtml est marqué comme haut sur son site =/. quant aux erreurs dont je parlais, c'étaient des tableaux mal foutus que tu as corrigé. m'enfin bon, jdis plus rien, je te laisse te débrouiller, si c'est comme ça qu'on est remerciés =/ C’est juste pour te filer un coup de main, et que ça soit plus serieux pour une page d’accueil de blog d’un webmaster dont le niveau xhtml est marqué comme haut sur son site =/.
quant aux erreurs dont je parlais, c’étaient des tableaux mal foutus que tu as corrigé.

m’enfin bon, jdis plus rien, je te laisse te débrouiller, si c’est comme ça qu’on est remerciés =/

]]> Par : ShadowKris http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-820 ShadowKris Fri, 25 May 2007 09:08:07 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-820 <strong>twk:</strong> oui, c'est beaucoup mieux :p <strong>Neovov:</strong> En effet on peut aligner en CSS, mais j'ai tendance à vouloir mettre un alignement à droite sur les intitulés des champs, du coup, les tableaux s'avèrent beaucoup plus pratiques. Et je voulais mettre en avant l'utilisation de l'attribut "for" de la balise label :) Mais merci de ton lien ^^ <strong>Darklg:</strong> Tu me soule avec ta validation -___- je t'ai dit de désactiver tidy pour mon blog, j'y peux rien c'est le preformatage post traitement de Wordpress qui fait ça. twk: oui, c’est beaucoup mieux :p
Neovov: En effet on peut aligner en CSS, mais j’ai tendance à vouloir mettre un alignement à droite sur les intitulés des champs, du coup, les tableaux s’avèrent beaucoup plus pratiques. Et je voulais mettre en avant l’utilisation de l’attribut “for” de la balise label :) Mais merci de ton lien ^^

Darklg: Tu me soule avec ta validation -___- je t’ai dit de désactiver tidy pour mon blog, j’y peux rien c’est le preformatage post traitement de Wordpress qui fait ça.

]]> Par : Darklg http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-819 Darklg Fri, 25 May 2007 06:56:09 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-819 Beeeeeeeeeeeeerk une page pas valide xhtml xD Quant à moi, je mets toujours les label, par réflexe, et aussi par souci de propreté du code, et d'accessibilité de la page. bon, apres, c'est sûr que je vais des fois beaucoup plus loin dans la psychose conçernant le code =D merci htmltidy quoi =) ( kris, pitiay, corrige ton code, mets des dans le tas, les , etc, ça me trouble de voir marquer erreur dans ma barre des taches xD Beeeeeeeeeeeeerk une page pas valide xhtml xD

Quant à moi, je mets toujours les label, par réflexe, et aussi par souci de propreté du code, et d’accessibilité de la page.

bon, apres, c’est sûr que je vais des fois beaucoup plus loin dans la psychose conçernant le code =D merci htmltidy quoi =)

( kris, pitiay, corrige ton code, mets des dans le tas, les , etc, ça me trouble de voir marquer erreur dans ma barre des taches xD

]]> Par : Neovov http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-818 Neovov Fri, 25 May 2007 06:23:13 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-818 > Non non, le W3C ne vient pas de mettre au point un nouveau standard pour les formulaires du web. En fait c'est à l'étude ;-). Plutôt que d'utiliser des tableaux il est tout à fait possible d'utiliser CSS pour alligner parfaitement les labels et les champs. Vous pouvez voir un exemple ici : http://www.thekorp.com/projet/connexion.html (ne faites pas attention si c'est laid...) Petite remarque en plus : mettre un cursor:pointer sur les labels c'est encore mieux ;-) ! > Non non, le W3C ne vient pas de mettre au point un nouveau standard pour les formulaires du web.

En fait c’est à l’étude ;-).

Plutôt que d’utiliser des tableaux il est tout à fait possible d’utiliser CSS pour alligner parfaitement les labels et les champs. Vous pouvez voir un exemple ici : http://www.thekorp.com/projet/connexion.html (ne faites pas attention si c’est laid…)

Petite remarque en plus : mettre un cursor:pointer sur les labels c’est encore mieux ;-) !

]]> Par : twk http://blog.shadowkris.com/2007-05-24/des-label-pour-vos-formulaires/#comment-817 twk Fri, 25 May 2007 06:05:27 +0000 http://blog.shadowkris.com/2007/05/24/des-label-pour-vos-formulaires/#comment-817 C'est vrai que tout le monde n'est pas aussi soucieux que toi, je n'en tient pas rigueur quand je remplis des formulaire mais en y repensant c'est vrai que c'est mieux avec ! C’est vrai que tout le monde n’est pas aussi soucieux que toi, je n’en tient pas rigueur quand je remplis des formulaire mais en y repensant c’est vrai que c’est mieux avec !

]]>