Cómo crear un botón de opción en un formulario de html5

Para incluir botones de radio en tu página web HTML5, es muy útil saber lo que son y cómo usarlos. En la superficie, los botones de radio parecen mucho a las casillas, pero son diferentes en varios aspectos importantes:

  • Los botones de opción se producen sólo en grupos. Usted puede tener una casilla de verificación en un formulario, pero los botones de radio sentido sólo cuando se colocan en grupos.

  • Sólo un elemento puede ser seleccionado. Selección de un botón de opción anula la selección de los demás. Es como una radio de coche, donde pulsando uno de los botones de memorización anula la selección de los demás. (Es realmente como las viejas radios de coche en el que si el botón de la emisora ​​seleccionada fue empujado físicamente, los otros botones se saltará. Aunque ese tipo de radio es cosa del pasado, el nombre sigue vivo.)

  • los Identificación de cada botón de radio es único. Cada Identificación en una página web debe ser único, y la Identificación elementos de cada botón de radio siguen esas reglas.

  • Cada elemento de radio también tiene una nombre atribuir. los nombre atributo se utiliza para especificar la totalidad grupo de los objetos de radio.

  • Todos los botones de opción de un grupo tienen el mismo nombre. Utiliza el HTML nombre atribuir a averiguar qué grupo un botón de radio está en, y para garantizar que sólo se selecciona un botón en un grupo.

Esta figura muestra un formulario que contiene un grupo de botones de radio para elegir Pequeño, Mediano o Grande:

imagen0.jpg

Consulte el siguiente código para ver la configuración de una página web con botones:

formDemo.html

Formulario de demostración

Para construir un grupo de botones de opción, siga estos pasos:

  1. Comience por la creación de un entrada elemento para servir como el fundamento básico.

  2. Ajuste el escribe a radio.

  3. Dé a cada botón de un único Identificación.

  4. Utilizar el nombre atribuir a identificar todos los botones en un grupo.

  5. Considere agrupación visual.

    El usuario no será capaz de decir qué botones son parte de un grupo por el formato HTML solo. Puede utilizar fieldsets u otros trucos de formato para ayudar al usuario saber qué botones están en qué grupo. Todos los botones de un grupo deben estar físicamente cerca uno del otro.

  6. Haga uno de los botones controladas (seleccionada) de forma predeterminada.

    Aplique la comprobado = "comprobado" atributo (proporcionado por el departamento de departamento de la redundancia) a uno de los elementos por lo que se iniciará a cabo facturado.

    Si no preseleccionar un botón de radio, los programas conectados a su forma se confundirán.