Dando estilo a los formularios con CSS

Roger Johansson revisa su clásico "styling from controls", artículo en el que mostraba cómo se ven los estilos CSS aplicados sobre los controles de formularios en diversos navegadores y sistemas operativos.

Demostraba además que intentar que los elementos de formulario se vean igual en todos los navegadores es una tarea imposible.

Roger acaba de publicar una revisión incorporando nuevos navegadores y sistemas operativos y agregando nuevos controles. En total revisa los siguientes controles en 14 combinaciones navegador - sistema operativo:

• Botones
• Checkboxes
• Controles de formularios deshabilitados
• Fieldsets
• Selectores de ficheros
• Legends
• Radio buttons
• Listas de selección múltiple
• Listas de selección míltiple con opciones agrupadas
• Opciones de las Listas de selección múltiple
• Listas de selección desplegables
• Listas de selección desplegables con opciones agrupadas
• Opciones de las listas de selección desplegables
• Botones de envío (submit buttons)
• Textareas (textarea)
• Input text de línea única

Una actualización necesaria, un recurso indispensable.

Fuente: http://sentidoweb.com/2007/01/10/dando-estilo-a-los-formularios-con-css.php

Formularios en CSS

Los formularios son el primer contacto con los potenciales clientes por lo que su diseño y estructura son muy importantes.
Al realizar el diseño de los mismos con hojas de estilo en cascada (css), hace que puedan ser destacadas aquellas zonas o aquellos datos sobre los que se desea que el visitante se detenga y preste una especial atencion.

A continuacion va una muestra de diseños de formuarios diseñados con css.

Prettier Accessible Forms

The Form Assembly - Form Layouts

CSS Styling of forms, Stu Nicholls

Fuente: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/