47 elementos importantes para un formulario:

FORMAS DE ESTILO 1) Formulario de Uni - un intento de estandarizar la forma de marcado (XHTML) y CSS, "modularizar" que, para tener buen aspecto, bien estructurado, altamente personalizable, formas semnticas, accesible y utilizable.

Uni-Form es un marco que estandariza la forma de marcas y estilos con CSS le da ms usados en las opciones de diseo para elegir. Cualquier persona puede tener buen aspecto, bien estructurado, formas altamente personalizable, accesible y utilizable. En pocas palabras: hace que la vida de un desarrollador mucho ms fcil.

2) Slo en CSS, menos las formas de mesa - Un gran ejemplo de una forma bien diseada utilizando las modernas tcnicas de css. Se trabaja en Win/IE6, Firefox v1.0 +, Win / Opera 8.0, tiene pequeas diferencias de diseo en Mac / Safari 1.0.3 y Mac / Safari v1.2, y es til, pero bastante enculada en Mac/IE5. 2.

3) Formas sin tablas - tiene un ejemplo de inicio de sesin muy buena forma, con un grfico en el campo de entrada.

Demo

4) Una forma con estilo - Cmo dejar de estilo y formas de la tela de mirar feo.

Estilo de elementos de formulario

5) Niceforms 1,0 - es una escritura que reemplazar los elementos de forma ms comnmente utilizada con la costumbre de los diseados. Una de estas mejoras sera la posibilidad de

seleccionar un aparato de radio o casilla de verificacin haciendo clic en su etiqueta al lado, tambin destaca las etiquetas de las cajas seleccionadas para hacer las selecciones ms clara y ms ...

6) Forma de lujo - FancyForm es un script casilla reemplazo de gran alcance para proporcionar la mxima flexibilidad en el cambio de la apariencia y funcin de los elementos de formulario HTML. Es fcil de usar y se degrada con gracia sobre todos los mayores, no apoyo a los navegadores.

7) los controles de formulario con estilo CSS, revisada - 224 imgenes que muestran los efectos de varias reglas CSS se aplica a los controles de formulario. Aunque las capturas son tomadas de 8 navegadores de 4 sistemas operativos, para un total de 14 combinaciones de navegador + OS.

8) Mostrando Buena Forma - Demo de complejo acceso, la red de estilo (es decir, la tabla-como) forma con marcado semntico (fieldset, leyendas, etc etiqueta ...) y CSS.

Demostracin:

9) El estilo del elemento Button con puertas correderas - Una tcnica que demuestra una tcnica cross-browser para los elementos de botn con puertas correderas.

Formulario de Usabilidad y Accesibilidad

10) Ms bonita forma que resulte accesible - Nick Rigby echa un vistazo a cmo hacer que las formas ms accesibles y el uso de CSS en lugar de las tablas de la vieja escuela.

Demostracin:

11) Check it, no lo seleccione - Si se intenta utilizar varias casillas de verificacin en una lista desplegable - mejor que usar ctrl-click en un estado normal de seleccin mltiple listbox

Demostracin de lujo:

12) las formas sensibles - Usabilidad Web - Roger Hudson ofrece un tutorial increblemente claras sobre cmo una forma que est bien diseado, con buen diseo visual se beneficiarn todos los usuarios con visin

Ajax Procesamiento de Formularios

13) Formulario de Contacto AJAX - Excelente ejemplo de AJAX accesible. Utiliza JavaScript discreto. Por Dustin Daz.

Demostracin:

14) AutoSuggest: Un auto-completar AJAX campo de texto - en la que aade un men popdown de valores sugeridos para un campo de texto. El usuario puede hacer clic directamente en una sugerencia para entrar en el campo, o navegar por la lista utilizando las teclas de flecha hacia arriba y hacia abajo, la seleccin de un valor con la tecla de tabulacin.

Demostracin:

15) FancyUpload utilizando Mootools - Swf cumple con Ajax para la subida de archivos hermosa con Mootools.

Demostracin:

16) Forma de jQuery Plugin - le permite actualizar fcilmente y discretamente formularios HTML para usar AJAX para obtener informacin de los elementos de formulario para determinar la forma de gestionar el proceso de presentar lo que le permite tener un control total sobre cmo se envan los datos.

17) Cforms - Un plugin de forma de contacto AJAX para WordPress, que ofrece la implementacin prctica de las formas mltiples contactos a travs de su blog o incluso en la misma pgina.

Validacin de formularios impresionante

18) Campo Realmente Fcil validacin con Prototype - Aqu hay un script de validacin de forma que es muy fcil de usar.

Demostracin:

19) Validacin en vivo - es una pequea biblioteca de cdigo abierto JavaScript construido para dar a los usuarios informacin en tiempo real de validacin, ya que llenar formularios. Demostracin:

20) la validacin Ajax forma - Aprender a utilizar AJAX para procesar y validar los formularios.

21) fValidator - fValidator es un cdigo abierto (libre) discreta herramienta de JavaScript para la validacin de forma fcil manejo.

Consejos de campos de formulario 22) Consejos de validacin para el formulario - En este artculo se explica una manera de lograr la validacin efecto Consejos, mientras que el tipo de usuario de JavaScript y CSS.

23) Forma de Ayuda sin Popups - Una buena tcnica para agregar informacin ayudar a los formularios sin necesidad de utilizar ventanas emergentes.

Ocultar campos de formulario

24) Cortar los campos del formulario - No sera una idea genial para dar a los usuarios la opcin de ocultar estos campos opcionales a su discrecin, y con un uso inteligente de JavaScript, DOM y CSS algunos podemos.

Demostracin:

Buenos Consejos para la creacin de formas

25) Consejos para crear grandes formas Web - consejos para CSS verdaderamente importante para todos los constructores de la forma que hay.

26) trucos simples para las formas ms til - Una serie de simples trucos para mejorar la usabilidad de las formas, y esperamos que pueda inspirar en ellos para mejorar y crear uno propio.

Una visita obligada Ejemplos

27) DOM JavaScript barra deslizante

28) Plugin de entrada enmascarada

29) Formulario de contacto + Ajax YUI

Demostracin:

30) Una plantilla de formulario basados en CSS

31) Formas Bonita

32) CAPTCHA AJAX

33) Disposicin de anclaje con las formas

34) Archivo Ext. Subir Formulario Ejemplo de Control de

35) Control.TextArea-Prototype

36) Editar instantnea

37) Nombre de usuario AJAX Compruebe

38) encadenados AJAX seleccione

Demostracin:

Tutoriales

39) Contrasea medidor de intensidad de su formulario de registro - Un pequeo tutorial sobre cmo construir un medidor de intensidad de contraseas como el que en el formulario de nueva cuenta de Google.

Demostracin:

40) Forma de AJAX POST / GET - Forma de envo HTML con AJAX / JavaScript ejemplo / tutorial

41) degradables Ajax Validacin de formularios - Aprenda a proporcionar informacin en tiempo real al usuario mediante secuencias de comandos en el servidor de validacin.

42) ENTRADAS EL ESTILO DE ARCHIVOS CON CSS y el DOM - Shaun Inman nos muestra una gua para el logro de archivo consistente y elegante subir las entradas a travs de un uso inteligente de js y css.

43) Forma de estilos con CSS

Generador de formularios en lnea

44) Wufoo Form Builder - Constructor de Forma Libre HTML - Creacin de formularios, encuestas e invitaciones y mucho ms ...

45) Fbrica de formularios Web - es una web de cdigo abierto generador de formularios que genera automticamente el cdigo de fondo necesarios para unir el formulario a una base de datos.

46) Anote el Formulario - es una web basada en gran constructor de forma WYSIWYG. Puede seleccionar un tipo de formulario (Contacto, encuesta de satisfaccin, solicitud de empleo, Sugerir

Sitio Web, registro de miembros, el Partido RSVP, la asistencia de la boda, Reservaciones, Presentar productos, y otros).

47) Forma de la Asamblea - una hermosa coleccin de hojas de estilo CSS para formularios Web Forms