[CSS] Formulaire valide

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:

---

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.

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

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 :

Citation:

---

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

---

Citation:

---

Envoyé par 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 :

---

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

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

Donc ca serait quelque chose comme ca :

Code:

---

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

---

un tres bon tutoriel pour mettre en forme la formulaire sur http://www.fredcavazza.net

Perso, j'utilie une syntaxe du genre

Code:

---

<p><lable for="monId">label</label><input type="text" name="monName" id="monId" value="defaultValue" /></p>

---

effectivement c'est pas mal du tout comme tuto