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.
Casilla de verificación 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 muy hermosa y botones de radio y admite casi todos los navegadores. La biblioteca JavaScript requiere el soporte del marco de JavaScript de MooTools.
2.) Crir: reemplazo de entrada de radio y de radio
Esta combinación JavaScript y CSS puede ocultar la casilla de verificación y los botones de radio en el formulario 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 función 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 Faith
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 su propia imagen. Esta biblioteca JavaScript muy reflexiva 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 basadas en estilos CSS.