Formularios con estilo


Porque no es lo mismo este formulario:

Account Information

Choose a username with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

Password is case sensitive. Choose a password with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

que este otro:

Account Information

Choose a username with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

Password is case sensitive. Choose a password with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

y ni mucho menos, que este otro:

Account Information

Choose a username with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

Password is case sensitive. Choose a password with 4 to 30 characters using only letters, numbers, “_”, “.” and “@” signs.

Pues resulta que sí, que los tres formularios son el mismo, y es
que maquetar un formulario sin tablas es tan sencillo como nos cuentan en aplus moments,
de donde he extraido estos ejemplos, y donde encontrarás el ejemplo completo.

Eso sí. También te recomiendan que no cambiemos completamente el estilo de los elementos de un formulario, que de eso ya se encarga el sistema operativo de cada uno, y los usuarios suelen estar acostumbrados a sus aspecto, con lo que cualquier cambio drástico incide en una menor usabilidad.

  • veo que a más de uno os ha parecido lo mismo, je je je... ;)

    el enlace es referencia obligada para dar un buen diseño a un formulario, acostumbrado como siempre a usar tablas para alinear las etiquetas y los campos.

    la única pega que le veo es que el efecto over no se vea en todos los navegadores.
  • Muy buen post. Me llevé susto al entrar pero bueno jeje. El link al que haces referencia merece mucho la pena. :)
  • Cuando he entrado
    al blog pense que el serendipity te habia vuelto a jugar una mala pasada.

    ya sabes que el CSS no es lo mio ;)
  • Genial, el segundo me parece genial!
  • otro trackback más para la colección :p bueno, si seguia funcionando, gracias por la velocidad. :D
  • ya está cambiado, aunque mi CMS te mandó otro trackback (los hace automáticamente, como los pingback), de todas formas, la anterior URL seguía funcionando...
  • Tu si que sabes XD.

    otra cosa, he cambiado el sistema de permalinks, tu tienes un enlace a un post, el de los sims, solo tienes que añadir 10/ despues de /archivos/ , perdona por la parrafada :P
blog comments powered by Disqus