Y sino quieres currar (trabajar) mucho usa cualquiera de estos, que te permiten 
seleccionar lo que quieres y ellos te generan el código solitos ;-)

JotForm:  
http://www.jotform.com/

Accessible Form Builder: 
http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/
 
CSS Form Code Maker:
http://www.maketemplate.com/form/
 

> >-----Mensaje original-----
> >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
> >nombre de Gabriel Porras
> >Enviado el: jueves, 10 de enero de 2008 11:23
> >Para: 'Ovillo, la lista de CSS en castellano'
> >Asunto: Re: [Ovillo] maquetar formularios css
> >
> >Porque no miras estos ejemplos a ver:
> >
> >http://jeffhowden.com/code/css/forms/
> >http://www.alistapart.com/stories/practicalcss/
> >http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/
> >
> >Saludos!
> >
> >-----Mensaje original-----
> >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> >En nombre de Jesus Miguel Gimeno Rosales
> >Enviado el: Jueves, 10 de Enero de 2008 03:16 a.m.
> >Para: Ovillo, la lista de CSS en castellano
> >Asunto: [Ovillo] maquetar formularios css
> >
> >Hola:
> >Estoy intentando maquetar un formulario con css. Lo he intentado de un par
> >de maneras pero siempre al minimizar la pantalla se me van descolocando los
> >elementos.
> >No estoy muy puesto en el tema, así que agradecería cualquier ayuda.
> >Un cordial saludo
> >Jesús
> >
> >-------css------------------
> >label {
> >  display: block;
> >  margin: 0.5em 0 0 0;
> >}
> >.btn {
> >  display: block;
> >  margin: 1em 0;
> >}
> >.validacion {
> >  color: #FF0000
> >}
> >
> >/*Alinear los formularios*/
> >div {
> >  margin: 0.4em 0;
> >}
> >div label {
> >  width: 25%;
> >  float: left;
> >}
> >
> >----------html---------------
> >
> ><div>
> > <label for="campo6B010201">Fecha primer nombramiento:</label>
> > <input name="campo6B010201" type="text" id="campo6B010201" />
> > <span class="validacion" id="RequiredFieldValidator21">*</span>
> ></div>
> >
> ><div>
> > <label for="campo7B010201">Fecha último nombramiento:</label>
> > <input name="campo7B010201" type="text" id="campo7B010201"/>
> > <span class="validacion" id="RequiredFieldValidator22">*</span>
> ></div>
> >
> ><div>
> > <label class="gris" for="campo8B010201">Procedimiento de elección:</label>
> > <select name="campo8B010201" id="campo8B010201">
> >        <option value="0">--</option>
> > </select>
> > <span class="validacion" id="RequiredFieldValidator23">*</span>
> ></div>
> >
> ><div>
> > <label class="gris" for="campo9B010201">
> > Número Total de Consejeros:</label>
> > <input name="campo9B010201" type="text" id="campo9B010201" class="gris" />
> > <span  class="validacion" id="RequiredFieldValidator24">*</span>
> ></div>
> >_______________________________________________
> >Lista de distribución Ovillo
> >Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >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 Ovillo@lists.ovillo.org
> >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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a