Cómo utilizar casillas de verificación y botones de radio en su forma html5
Video: 03 - tutorial formulario html 5 y css 3 | input type checkbox y radio
Al crear un formulario de recogida de datos para su sitio web, aunque sólo un conjunto finito de valores posibles está disponible para el usuario, se le puede dar una colección de opciones para elegir:
Las casillas de verificación: Elegir más de una opción.
Botones de radio: Elegir sólo una opción.
Los botones de radio se diferencian de las casillas de verificación de una manera importante: Los usuarios pueden seleccionar un único botón de selección de un conjunto de opciones, pero puede seleccionar cualquier número de casillas de verificación (incluyendo ninguno, uno o más de uno).
Si muchas opciones están disponibles (más de media docena), utilice una lista desplegable en lugar de botones de radio y casillas de verificación.
Para crear botones de radio y casillas de verificación, realice los siguientes pasos:
Utilice el elemento con el tipo atributo establecido como radio o caja.
crear cada opción con los siguientes atributos:
nombre: Dar la opción de un nombre.
valor: Especificar el valor que se devuelve si el usuario selecciona la opción.
También puede utilizar el comprobado atribuir (con un valor de comprobado) Para especificar que una opción debe ser seleccionada cuando el navegador muestra la forma. Esta es una buena manera de especificar una selección predeterminada.
Este marcado muestra cómo dar formato de casilla de verificación y botón de radio opciones:
Video: 11.2 Curso de Dreamweaver CS4 - Botones de opcion y grupos de opciones en formularios
El resultado se muestra en esta figura.
En el marcado anterior, cada conjunto de opciones utiliza el mismo nombre para cada control de entrada, pero da un valor diferente a cada opción. Dar a cada elemento de un conjunto de opciones del mismo nombre para que el navegador sabe que son parte de un conjunto.
Si lo desea, puede seleccionar tantas casillas como desee por defecto en la página de marcado - Simplemente incluya comprobado =”marcada” en cada elemento que desea seleccionado de antemano.