Formularios: tablas o listas?? ventajas, inconvenientes...

[tirengarfio]

Hi,

Me gustaria saber que es mejor usar para los formularios (ventajas, inconvenientes...).

En Facebook encuentro tablas y en tuenti listas.

Un saludo

Javi

[Triby]

Mejor en que sentido? semantica? usabilidad? accesibilidad? etc.

Supongo que se podria lograr una buena combinacion de esas 3 solo con div + label y sus respectivos input.

[DragonX]

Iniciado por Triby

Mejor en que sentido? semantica? usabilidad? accesibilidad? etc.

Supongo que se podria lograr una buena combinacion de esas 3 solo con div + label y sus respectivos input.

también, agregando, podes utilizar los tags <form> y <fieldset> para darle mejores estilos a tu form

[tirengarfio]

Iniciado por Triby

Mejor en que sentido? semantica? usabilidad? accesibilidad? etc.

Supongo que se podria lograr una buena combinacion de esas 3 solo con div + label y sus respectivos input.

En todo un poquito, la verdad es que busque un poco en google pero no vi mucha informacion..

[Triby]

Como ya sugirio DragonX, prueba las diferentes opciones que tienes con html, por ejemplo:

Código HTML:

<form method="post" action="formulario.php">
<fieldset>
    <legend>Esto agrega un titulo al recuadro</legend>
    <label for="nombre">Nombre:</label>
    <input type="text" name="nombre" id="nombre" value="" size="20" />
 
    <input type="submit" value="enviar" />
</fieldset>
</form>
 

Esto te da una buena combinacion de semantica + usabilidad + accesibilidad, si quieres incrementar las dos ultimas, entonces habria que agregar tabindex en cada campo.

El estilo puedes aplicarlo directamente en CSS a las etiquetas o crear clases para cada elemento:

Código CSS:

legend { font-weight:bold; }
label { color:#05a; }
input { font-size:12pt; } /* Ojo, esto modifica tambien el submit y es mejor usar clases */
input.texto { background:#ddd; }
input.boton { color:#fff; background:#a00; }
 

Son solo unos ejemplos, ya te tocara practicar para ver lo que puedes lograr.