Discussion :

[Yoshio]

Bonjour,

J'aimerais utliser du CSS à la place des tableaux pour mettre en forme mon formulaire.
Je vois plusieur syntaxe qui pourrait être utilisée et j'aimerais votre avis.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form action="">
<div class="row"><label>Nom:</label><span class="formInput"><input type="text" /></span></div>

<div class="row"><span >Nom:</span><span class=" formInput"><input type="text" /></span></div>
</form>

Est ce que un formulaire avec cette mise en forme serait convenable ?!

Si vous avez d'autre proposition valide XHTML 1.0, mettez les ici svp.

[Fildz]

C'est une très bonne question que tu pose là, la réponse m'interesse aussi. Mais je ne pense pas que la balise <label> soit tolérant lorsqu'elle n'est pas entre une balise <table>...

[backeyes]

Bonjour,

Il me semble que les label sont en rapport avec les <form> et non les <table> donc ils sont tout à fait utilisables dans ce cas.
Ca peut permettre par exemple de cocher un element "radio" et "checkbox" par un clic sur le texte qui lui est joint, et c'est valable sans <table>.

Par contre je ne vois pas l'intérêt de tes <span>, donc perso je ne les mettrais pas. Pour mettre ta class, utilise plutôt :

<input type="text" class="formInput" />

[Yoshio]

Bonjour,

Il me semble que les label sont en rapport avec les <form> et non les <table> donc ils sont tout à fait utilisables dans ce cas.
Ca peut permettre par exemple de cocher un element "radio" et "checkbox" par un clic sur le texte qui lui est joint, et c'est valable sans <table>.

Par contre je ne vois pas l'intérêt de tes <span>, donc perso je ne les mettrais pas. Pour mettre ta class, utilise plutôt :

J'essaye justement de savoir quel solution serait la meilleure.
Pour la balise <label> elle n'est pas liée avec l'utilisation de <table>.

[Space Cowboy]

Les span n'ont effectivement aucun intéret ...

[Yoshio]

Donc ca serait quelque chose comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="row"><label>Nom:</label><input type="text" class="formInput"/></div>