Formularios Web estilizados con CSS
Anteriormente presentábamos un artículo sobre la validación de formularios Web con CSS y Javascript. En esta oportunidad vamos a darle un poco más de estilo a los formularios HTML.
Existen diversos métodos para “estilizar” un formulario <FORM> en HTML.
Aquí presentamos algunas que nos han servidos (extraídas de otros blogs a los que citaremos):
En primer lugar, recomendamos echar una mirada a A List Apart y su artículo de Formularios accesibles, que pueden darnos una idea de cómo armar el formulario utilizando <fieldset> y <legend>.
Luego, podemos encontrar algo interesante en Webmonkey, donde se presenta un ejemplo estilizado con CSS de un simple formulario de datos.
Otras soluciones que utilizan Javascript permiten también incorporar validaciones y funcionalidades adicionales. Para esto recomendamos NiceForms de Emblematiq.
Artículos relacionados:
- Validación de formularios con CSS y Javascript
En he encontrado una simple, pero muy prolija forma de... - PHPForm para crear formularios
Pruebe crear formularios fácilmente utilizando http://www.phpform.org/ Una herramienta de las... - Formularios con Google Spreadsheet API
Recientemente Google ha liberado su extensión Forms de Google Docs... - Validar formulario con CSS y PHP
El siguiente artículo muestra un procedimiento sencillo para validar formularios...
Hola, he entrado en webmonkey y ya no está el post… podrías actualizarlo? quiero hacer un form, tal cual la imagen que has puesto…
gracias!
Andrea, en efecto ya no esta pero puedes checar NiceForms de Emblematiq, es libre siempre y cuando no elimines los derechos de autor y tienen los JS y CSS para generar la imagen que esta publicada
http://www.emblematiq.com/projects/niceforms