pues yo siempre hago los formularios agrupandolos en fieldset, siempre que sea necesario, y cada input con su respectivo <label> y dentro de un <p>, quizas algunos lo consideren innecesario, pero prefiero formatearlo de ese modo, asi los elementos a la ausencia de CSS no se veran lineales y no crearian confusion, en caso de ser muchos elementos de formulario.
este seria mi modo de hacerlo: <form> <fieldset title="formulario de ejemplo"> <legend>Formulario de ejemplo</legend> <p><label for="nombre">nombre</label><input type="text" id="nombre" /><span>*obligatorio</span></p> <p><label for="clave">clave</label><input type="text" id="clave" /><span><a href="?verpass">Ver password</a></span></p> <p><input type="submit" style="margin-left:200px" /></p> </fieldset> </form> saludos a la lista! El 19 de mayo de 2009 7:20, Marc Palau <[email protected]> escribió: > Hola, > > este tema está algo trillado pero despues de revisar la lista durante un > rato no he conseguido dar con algo tan específico como la duda puntual que > tengo. A ver si algún gurú del CSS me sabe orientar en mi senda, ya que > estoy en un momento de indecisión y no consigo decidir-me para donde ir > (parece filosofía casi jejeje). > > Mi duda es la siguiente: > > Estoy formateando un formulario típico: > > nombre | INPUT | *obligatorio > password | INPUT | VERPASSWORD > espacio | SUBMIT | nada > > aparentemente es una cuadricula, entonces: > > Cómo es mejor que lo monte? (elija una respuesta o aporte una mejor): > > A) > <form> > <label for="nombre">nombre</label><input type="text" id="nombre" > /><span>*obligatorio</span><br /> > <label for="clave">clave</label><input type="text" id="clave" /><span><a > href="?verpass">Ver password</a></span><br /> > <input type="submit" style="margin-left:200px" /> > </form> > > B) > <form> > <p><label for="nombre">nombre</label><input type="text" id="nombre" > /><span>*obligatorio</span></p> > <p><label for="clave">clave</label><input type="text" id="clave" /><span><a > href="?verpass">Ver password</a></span></p> > <p><input type="submit" style="margin-left:200px" /></p> > </form> > > C) > <form> > <div><label for="nombre">nombre</label><input type="text" id="nombre" > /><span>*obligatorio</span></div> > <div><label for="clave">clave</label><input type="text" id="clave" > /><span><a href="?verpass">Ver password</a></span></div> > <div><input type="submit" style="margin-left:200px" /></div> > </form> > > Bueno, a ver que es lo más correcto y para el CSS ya me pegaré la currada > yo > solo, os agradezco que me indiquéis cual crees que es más correcto, aunque > tan solo sea una tonteria me tiene en ascuas y no quiero truñear el código. > > Otra opción es que me digáis que eso está mal y que la mejor forma es otra, > aunque pueda parecer estúpido por mi parte preguntar una obviedad así, lo > hago porqué no es lo mismo maquetar etiqueta-salto de linea-input que > etiqueta-input que .... hay variaciones que me hacen cuestionar la mejor > forma de hacerlo. Aunque puestos a guarrear yo ya soy un experto, así que a > ver que sale de esto. > > muchas gracias > saludos!! > Marc > http://www.nbsp.es > > _______________________________________________ > 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 > -- Jonathan C. [email protected] _______________________________________________ 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
