NiceForms -> mise en forme des formulaires

Salut à tous,

un nouvel exemple de mise en forme de formulaire tout simplement phénoménal !

http://www.badboy.ro/assets/articles/niceforms/niceforms.html

Seul problème, la désactivation des images
Mais c'est le lot de toutes ces méthodes

A noter que ce n'est pas basé sur l'utilisation de label implicites

Salut

C'est nettement mieux comme çà...

Allez hop! Dans les favoris...
Modifié par koala64 (03 Aug 2005 - 13:31)

C'est super sympa comme formulaire.

Qu'est ce que "la désactivation des images" ?

Et les labels implicites?

Désactivation des images, le mot le dit c'est comme les gens qui désactivent le javascript. Mais par exemple certain utilisateurs de pda ou pocket pc risquent de désactiver les images pour économiser de la bande passante.

Pour les label implicites, vu le code source, cette méthode utilise de vraies balises label (et les avantages associés) et pas un "simple" paragraphe par exemple

Les labels implicites, c'est ça :

<label>Nom : <input /></label>

Pas d'attribut for, label entoure le input concerné.

Ce n'est pas recommandé (bien le contraire) par les instances de normalisation de l'accessibilité web, mais c'est jusqu'alors la méthode qui était utilisé pour ce type de modifications de formulaires.

Les vrais label sont :

<label for="pwet">Nom :</label> <input id="pwet" />

Pour les images, il y a possibilité de désactiver les images de différentes façon pour diverses raisons

Effectivement lorsque l'on désactive les images c'est plus utilisable.

Précision : parmi les cas de désactivation des images, il y a l'option d'accessibilité d'IE "Ignorer les couleurs des feuilles de styles" ... qui désactive les images générées via CSS

ok... merci bien pour l'explication...

C'est le même principe que ce qu'avait fait Jep sur son site, nan ?

Du moins pour les checkbox et les radios.

tyx a écrit :
C'est le même principe que ce qu'avait fait Jep sur son site, nan ?

Du moins pour les checkbox et les radios.

Sauf que Jep utilise des label implicites
Et là, d'autres éléments de formulaires sont modifiés.

Merci pour le lien Olivier, ca donne envie qd meme , dommage pour les images mais on peut toujours prevenir l'utilisateur que le formulaire n'est pas lisible sans l'activation des images.

edit: Sinon pour le code source autant mettre ses groupes de champs dans des p ou encore mieux des fieldset ( accompagnés de sa balide legend) au lieu de separer tout par des <br/>
Modifié par Vlili30 (03 Aug 2005 - 18:32)

Vlili30 a écrit :
Merci pour le lien Olivier, ca donne envie qd meme , dommage pour les images mais on peut toujours prevenir l'utilisateur que le formulaire n'est pas lisible sans l'activation des images.

edit: Sinon pour le code source autant mettre ses groupes de champs dans des p ou encore mieux des fieldset ( accompagnés de sa balide legend)

Quitte à faire un bidule, autant faire désactiver la fonction au click sur un bidule de l'utilisateur.

Genre, "si vous ne voyez pas de formulaire, cliquez là" et ça désactive le JS et tout rentre dans l'ordre

Olivier a écrit :
Sauf que Jep utilise des label implicites

C'est vrai que cet article date un peu, il faudrait que je le remette à jour.

Sinon, concernant les label implicite, c'est l'abscence de l'attribut for qui definit un label comme implicie. Néanmoins, il est toujours possible d'imbriquer une balise input dans une balise label. Il faut juste ne pas oublier l'attribut for