Quelles balises pour les forms ?

Bonjour !

Je me pose la question sur le choix de balises pour décorers vos forms (en plus de label et input/select)
Lequels utilisés vous ?
de type

<p>
  <label>...
  <input />
</p>

ou bien de type :

<dl>
  <dt><label> ...
  <dd><input />
</dl>

ou encore

<ul>
  <li><label>
       <input />
  </li>
</ul>

ou bien sous forme de tableau considérant le formulaire comme à la fois une présentation et une modification d'options

ou autre chose ??

Merci pour vos avis.
Modifié par nORKy (08 Jul 2008 - 15:20)

Bonjour:

1. Tableau: pas de raison particulière autre que la facilité de mise en page (qui n'est pas un argument négligeable, du moins dans certains cas).
2. Liste: je n'en vois pas la nécessité ici.
3. Paragraphe: neutre, permet de faire de la mise en page. Si besoin, encadrer les contenus du paragraphe dans des SPAN pour faciliter la mise en page.

Je vote pour la troisième option.
Modifié par Florent V. (08 Jul 2008 - 11:49)

Quand je parle de tableau, je ne parle pas de mise en page.
Je parle bien de sémantique.

Exemple :
Un panneau de configuration d'un forum.
L'affichage de l'état des options est à la fois de la présentation de données (quelles option à quelle valeur) et un formulaire pour modifié ces données.
html activé : oui/non
bbcode activé : oui/non
message d'accueil du forum : blabla


Je parle de sémantique et pas de facilité d'affichage.
Quelque soit le balise utilisé, je suppose qu'on est capable de faire la mise en forme que l'on souhaite.

Personnellement, j'utilise également les paragraphes, mais comme je vois également les autres solutions, je pose la question

Je ne vois pas l'intérêt des listes à puce ou de définition ici... les paragraphes restent ce qu'il y a de plus simple.

Les listes non-ordonnées pourraient être utiles dans un cas de caces à cocher:

Quels fruits aimez-vous ?
[] Les pommes
[] Les poires
[] Les bananes
[] Autre: [________]

(Le [_______] était en réalité un champ de texte).
Le code de ce sondage est, en utilisant la balise <ul> qui me semble très bien:

<form>
<fieldset>
<legend>Quels fruits aimez-vous ?</legend>
<ul>
<li>CASE A COCHER POMMES</li>
<li>CASE A COCHER POIRES</li>
<li>CASE A COCHER BANANES</li>
<li>CASE A COCHER AUTRE
<span>CHAMP DE TEXTE ICI</span></li>
</ul>
</fieldset>
</form>

Modifié par just1dks (09 Jul 2008 - 21:43)