Quel Balise pour un formulaire de saisie

Bonjour,

Simplement je désire utiliser des balises pour créer un formulaire.
J'ai au dépard utilisé un paragraphe par ligne, mais les zones de saisie ne pouvait pas être bien alignés alors j'ai opté pour une structure <dl> suite à ma lecture de http://pompage.net/pompe/listesdefinitions/
voir code ci-dessous.

Mais un doute m'assaille, ai-je pris la bonne décision ?

Ma question : Que font les autres ? Quelle est une des meilleurs solutions pour un formulaire tout simple ? Quel est la votre ?

<form id="frm" action="..." method="post" name="frm">
<dl>
  <dt>Ma premier zone à saisir<dt><dd><imput type="text" .....></dd>
  <dt>Ma secondezone à saisir<dt><dd><imput type="text" ....></dd>
  <dt><dt><dd><imput type="submit" value="Sauvegarde"/></dd>
</dl>
</form>

avec un css de type tableau que j'ai trouvé ici http://pompage.net/pompe/listesdefinitions/

dl.table-display-col
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.table-display-col dt
{
width: 8em;
float: left;
margin: 0 0 0 0;
padding: .5em;
text-align: right;	
}


/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

.table-display-col dd
{
float: left;
margin: 0 0 0 0;
padding: .5em;

Les listes de définition expriment, entre le label et le champ, une relation exactement inverse à celle qui convient (ce n'est pas le champ qui décrit le label, mais le label qui décrit le champ). Cette structure est donc dans tous les cas inadaptée aux formulaires.

Pour obtenir un alignement au plus simple, utiliser un tableau de présentation

Pour obtenir un alignement plus "in", utiliser n'importe quel DIV ou P et des flottants.

Et, beaucoup plus important: utiliser dans tous les cas des label for, please
Modifié par Laurent Denis (01 Jan 2008 - 12:22)

Laurent Denis a écrit :
Pour obtenir un alignement au plus simple, utiliser un tableau de présentation

Oui, c'est un des cas où on peut gagner beaucoup de temps (sans nuire réellement à la qualité technique) à ne pas s'embêter avec des subtilités de positionnement CSS.

Laurent Denis a écrit :
Pour obtenir un alignement plus "in", utiliser n'importe quel DIV ou P et des flottants.

Un exemple (pas forcément à suivre):
http://web.covertprestige.info/test/27-formulaires-sans-tableaux.html

Laurent Denis a écrit :
Et, beaucoup plus important: utiliser dans tous les cas des label for, please

+1, bien entendu.

Merci, j'étais donc bien sur une mauvaise pente.

Excuser mon incompétence mais qu'entendezvous par label for

ouioui2000 a écrit :
Excuser mon incompétence mais qu'entendezvous par label for

La spécification HTML en parle:
http://www.la-grange.net/w3c/html4.01/interact/forms.html#edef-LABEL

Peut-être plus pédagogique: Associer les champs de formulaire à leurs intitulés