Maquetar un formulario con divs correctamente

[riestra]

Hola,
cómo maquetais utilizando divs el típico formulario de entrada de datos con muchos campos?
Por ej:

<table>
<tr>
<td><asp:Label id="Nif" text="nif" runat="server"></td>
<td><asp:Textbox id="NifTB" runat="server"></td>
</tr>

Y que esta tabla tenga 15 filas en total (Nombre, apellidos, direccion, codigo postal, ciudad, pais, provincia, fecha de nacimiento....)
........
<div id="contenedor">
<div> //Para cada tr
<div><asp:Label id="Nif" text="nif" runat="server"></div>
<div><asp:Textbox id="NifTB" runat="server"></div>
</div>


O lo haríais de otra manera? Cual es la manera correcta de maquetar el típico formulario de entrada de datos, vertical, utilizando divs?
Gracias.

[pzin]

¿Qué es eso de <asp>? ¿algún experimento de Microsoft?

De todas formas, tu duda es más de HTML que de CSS me parece a mi.

[riestra]

Iniciado por Bonez

¿Qué es eso de <asp>? ¿algún experimento de Microsoft?

De todas formas, tu duda es más de HTML que de CSS me parece a mi.

asp porque los controles son de .NET pero es secundario.
La duda no trata sobre qué controles escoger, sino como maquetar o disponer los elementos en la pantalla, por tanto creo que es de CSS y no de HTML.

[pzin]

Bueno, entonces si quieres usar DIV's para el formulario pero siendo estos elementos de bloque, ya de por sí va a mostrarse de forma vertical. Entonces ¿cual es la duda?

[hackjose]

Ambos tienen razon
solo que riestra te estas enfocando al CSS y Bonez a la semantica del HTML5.

En cuanto a semantica, deberias usar el elemento fieldset y el elemento legend.

Otro aspecto es que cada input debe tener un label.

Código HTML:

<fieldset>
<legend>Datos personales</legend>
<label for="nombre">Nombre</label><input type="text" name="nom" id="nombre" />
</fieldset>
 

Con el css, simplemente colocas los elementos donde gustes

saludos