A mi me gusta la opción de usar listas de definición para plantear formularios un poco más semánticos, la verdad que lo he usado en algún proyecto pero no soy capaz de encontrarlo así que te paso un par de link que encontré,
http://mattsnider.com/architecture/building-better-forms/ code__________________________ <form action="#"> <dl> <dt>First Name:</dt> <dd><input type="text" name="firstname" id="firstname" /></dd> <dt>Last Name:</dt> <dd><input type="text" name="lastname" id="firstname" /></dd> <dt>Email Address:</dt> <dd><input type="text" name="email" id="firstname" /></dd> <dt>Your Thoughts:</dt> <dd><textarea name="thoughts" id="thoughts" cols="20" rows="5"></textarea></dd> <dt class="nobg"><input type="submit" name="submit" value="Submit" /></dt> </dl> </form> /code____________________________ vía: http://webdesign.about.com/od/htmltags/a/aa112006.htm Jorge González Sánchez | http://yparamuestraunboton.com El 20 de mayo de 2009 9:30, Marc Palau <[email protected]> escribió: > Y aquí llega el kit, > > agrupar los campos con elementos de bloque, para forzar el salto de línea > después del último elemento, por ejemplo un span o un input. > Todo ello agrupado dentro de un fieldset con su legend (esto es de cajón). > > La duda que tengo es básicamente de qué etiqueta utilizar ahora para ello: > > <p> es para un parágrafo. Un elemento de formulario se considera un > parágrafo? > <div> es un elemento de bloque, se podría utilizar pero un formulario puede > llegar a ser una lista de campos... entonces > <li> es un elemento muy personalizable y nos permitiría agrupar cada campo > en una línia. > > Ahora, qué es lo más correcto? Lo puedo maketar de cualquier forma, pero a > ver si por fin me queda claro cómo se monta un formulario para facilitar la > lectura a los navegadores y facilitar la implementación del diseño. > > CONTENEDOR | ETIQUETA | ELEMENTO DE FORM | EXTRAS | CIERRE CONTENEDOR > > ¿qué contenedor? > > saludos!! > Marc > http://www.lost.in > > ----- Original Message ----- > From: "Philipp Keweloh" <[email protected]> > To: "Ovillo, la lista de CSS en castellano" <[email protected]> > Sent: Tuesday, May 19, 2009 4:22 PM > Subject: Re: [Ovillo] correcto formato de formularios > > > El día 19 de mayo de 2009 14:13, Asela Ortiz de Murua > <[email protected]> escribió: > > Hola Marc: > > > > No es necesario <br />, ni <p>, como mucho <div>, con CSS se controla . > > > > <form> > > <fieldset> > > <label for="nombre">nombre</label><input type="text" > > id="nombre"/><span>*obligatorio</span> > > <label for="clave">clave</label><input type="text" id="clave" /><span><a > > href="?verpass">Ver password</a></span> > > <input type="submit" style="margin-left:200px" /> > > </fieldset> > > </form> > > > > > > Puedes encontrar más pistas y esquemas en estos enlaces: > > http://www.librosweb.es/css/capitulo11.html > > http://www.librosweb.es/css/capitulo11/estilos_avanzados4.html > > > > Un saludo y suerte > > Asela > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > ¿Y por qué no un fieldset? > > -- > Philipp Keweloh > > "Success is not in what you have, but who you are." - Bo Bennett - > http://feedproxy.google.com/~r/randomquotes/~3/G2PjcLJ0ONI/ > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
