Formularios en CSS

Antes que vuelva a perder el link (si, se lo que son bookmarks), lo posteo.
Como hacer formularios en css sin tablas.

También te puede interesar:

6 Cosas to “Formularios en CSS”

  1. kA
    January 13th, 2006 | 4:52 pm

    ‘ta que te parió, ayer me pasé 2 horas buscando eso para el gmail switcher

  2. B
    January 13th, 2006 | 4:57 pm

    Hablamos 70 trillones de veces por dia, podrias preguntar…

  3. JmN
    January 13th, 2006 | 6:22 pm

    Igual sigue siendo un quilombo reemplazar las tablas en formularios muy complejos…

  4. Park
    January 14th, 2006 | 12:04 am

    igual no es tan sencillo como se muestra ahi, estoy canssado de todos los q pones tuts de CSS te lo pintan re facil, pero siempre que lo usa uno se rompe todo, especialmente en IE

  5. ldp
    January 18th, 2006 | 6:28 am

    otra forma de hacer eso seria algo asi:
    (onda que solamente funcionaria en firefox de esta forma)

    //empieza css

    input[type="text"]{ display:block; }

    //fin css

    y listo, tenes un campo por linea.
    y despues al html le mandas un coso asi (?)

    y fue, tenes el “nombre” del input dentro del coso y cuando clickeas se borra (aunque eso de innerHTML no se si esta bien usado)

    btw.
    si queres que tambien se vea bien en ie(…) lo haces con una clase y fue.
    onda:

    //empieza css

    .inputtext{ display:block; }

    //fin css

    y al input(de arriba) le agregas class=”inputtext” y *teoricamente* deberia funcionar.

    si no funciona, no me hago responsable (?)

    @park:
    mira, a mi tambien me rompe terriblemente las bolas el ie, te quedan 2 posibilidades.
    haces una pagina aparte para ie o que se vea para el culo y fue.
    para lo de la pagina aparte, con una giladita en php lo sacas de toque y que lo redireccione solo

    creo yo que es la mejor solucion.

  6. ldp
    January 18th, 2006 | 6:30 am

    uh. cagada, no me muestra al codigo html =B
    (reemplacen al [ por el coso posta (?))
    [input type="text" value="ingrese su email (?)" onclick="this.innerHTML=''" size="30" /]

    o con la clase

    [input type="text" value="ingrese su email (?)" onclick="this.innerHTML=''" size="30" class="inputtext" /]

    hop! (?)

Dejar una respuesta