Crea formularios con estilos personalizados con Ideal forms, un plugin jQuery

Ideal forms es un plugin jQuery que nos permite modificar el estilo de los inputs de nuestro formulario ( también checkbox, select, radio e inclusive file). 

CARACTERÍSTICAS

El plugin convierte los elementos en el formulario a totalmente responsive, es decir, los elementos se adaptan al tamaño de la pantalla en el que se esta viendo la página. No es necesario CSS media queries.

Todos los input pueden personalizarse, inclusive los selectradiocheckbox y file.

Selector de fechas personalizado usando jQuery UI.

Validación en el momento con HTML 5 (De todos modos realicen una validación del lado del servidor con PHP).

Instalando Ideal Forms

Para que Ideal forms funcione debemos tener la librería jQuery y además la jQuery UI en el caso que vayamos a usar el selector de fechas. Puedes descargar Ideal forms desde aquí

Lo que tenemos que hacer ahora es reemplazar la etiqueta de apertura <html> por la que les mostramos a continuación. Esto es solamente para que cargue correctamente en los exploradores de Internet Explorer 8 y 9.

Finalmente llamamos a Ideal Forms para cada formulario por separado.

Recuerda que la div que seleccionamos en el script jQuery debe coincidir con la que queremos modificar. En este caso la div es #formulario

DescargaDemo

Modificado por última vez el día 26 de diciembre de 2012 a las 07:08
Scroll to top