24 hermosas técnicas personalizadas de forma HTML

COMSHARP CMS escribe: Los objetos de formulario HTML no se representan en diferentes navegadores de manera consistente. Aunque algunos objetos, como TextBox y TextARea, pueden obtener una apariencia consistente en diferentes navegadores a través de CSS, la mayoría de los otros objetos que no pueden controlar la apariencia a través de CSS se ven muy feo en algunos navegadores. Este artículo selecciona 24 tecnologías para personalizar los objetos de formulario.

La casilla de verificación está relacionada con los botones de radio

1.) FancyForm

FancyForm es una biblioteca JavaScript muy potente que se puede usar como reemplazo para la casilla de verificación y los botones de radio, puede generar una casilla de verificación y botones de radio muy hermosos, y admite casi todos los navegadores. Esta biblioteca JavaScript requiere el soporte del marco de JavaScript de Mootols.

2.) Crir: reemplazo de entrada de radio y de radio

Esta combinación JavaScript y CSS oculta la casilla de verificación y los botones de radio en formularios y le permite simular la casilla de verificación y los botones de radio utilizando la configuración de CSS para la casilla de verificación y los botones de radio. La funcionalidad del formulario no cambiará, y los valores de datos de la casilla de verificación y los botones de radio aún se pueden recopilar. Las etiquetas de la casilla de verificación y los botones de radio activarán esos objetos ocultos.

3.) Las casillas y botones de radio personalizados de Ryan Fait

Esta combinación JavaScript y CSS le permite simular la casilla de verificación, el botón de radio y seleccionar controles de lista utilizando sus propias imágenes. Esta reflexiva biblioteca de JavaScript también puede usar automáticamente los controles de formulario tradicionales cuando el navegador deshabilita JavaScript.

4.) ARC - Personalización de la casilla de verificación de Adam's Radio

El script detecta la casilla de verificación y los botones de radio y sus etiquetas en el formulario, y una vez descubierto, reemplaza estos controles con etiquetas gráficas de estilo CSS.

5.) PrettyCheckboxes

6.) casilla de verificación jQuery

7.) Algunos artículos utilizados para personalizar la casilla de verificación y los botones Radion

• Implementación de botón de radio personalizado con jQuery
• Slayerofice Elementos de casilla de verificación personalizados
• Controles HTML personalizados: Crear casilla de verificación personalizada
• Controles de forma de estilo
• Casillas de verificación elegantes y botones de radio
• Técnica interna: casillas de verificación personalizadas

Seleccione y se relacionaron el cuadro de desplegable (seleccionar / desplegable)

1.) JavaScript Image Combobox (JavaScript Graphic Combobox)

2.) Lista de verificación desplegable de jQuery

3.) Seleccione personalizado con iconos

4.) ComboBoxes usando mootols

5.) Seleccione Reemplazo

6.) Más tecnología de personalización de cuadros de selección (basada en JavaScript)

• McDropdown JQuery complemento
• JQuery Custom Select Box V.0.01
• ARC90 ARC90
• Control.selectMultiple

Más objetos de control de formulario

1.) Elementos de formulario personalizados (CFE)

Los elementos de formulario personalizados combinan diversas tecnologías para mejorar los objetos de control de forma web XHTML, y logra efectos más hermosos basados ​​en JavaScript y CSS, mejorando la facilidad de uso y accesibilidad. Admite la mayoría de los navegadores convencionales.

2.) emblematiq niceforms

NiceForms es una biblioteca JavaScript que puede reemplazar casi todos los objetos de forma web. Puede usar el tema predeterminado e incluso puede desarrollar su propio tema.

3.) JQuery Plugin: Jnice

Fuente de este artículo: http://www.netwaver.com/23/24-html-form-elements-customization-techniques/