prucommercialre.com


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

Para incluir los botones de radio en tu página web HTML5, que ayuda a 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 radio ocurrir sólo en grupos. Usted puede tener una casilla en un formulario, pero los botones de radio sólo tienen sentido cuando se coloca 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 clic en 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 estación seleccionada fue empujado físicamente, los demás botones se saltará. Aunque ese tipo de radio se ha ido, el nombre sigue vivo.)
  • El id de cada botón de radio es única. Cada Identificación en una página web debe ser único, y los elementos de identificación de cada botón de radio sigue esas reglas.
  • Cada elemento de radio también tiene un atributo de nombre. El atributo de nombre se utiliza para especificar el grupo entero de objetos de radio.
  • Todos los botones de opción de un grupo tienen el mismo nombre. HTML utiliza el atributo de nombre de averiguar qué grupo un botón de radio está en, y para asegurar 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:

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

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

<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<Title> formDemo.html </ title>
<Charset meta = "UTF-8" />
</ Head>
<Body>
<H1> Formulario demo </ h1>
<Form>
<Fieldset>
<Legend> Selección de elementos </ legend>
<P>
<Label> Los botones de radio </ label>
<Input type = "radio"
name = "radSize"
id = "sizeSmall"
value = "pequeña"
comprobado = "marcada" />
<Label for = "sizeSmall"> pequeño </ label>

<Input type = "radio"
name = "radSize"
id = "sizeMed"
value = "medio" />
<Label for = "sizeMed"> medio </ label>

<Input type = "radio"
name = "radSize"
id = "sizeLarge"
valor = "large" />
<Label for = "sizeLarge"> gran </ label>
</ P>
</ Fieldset>
</ Form>
</ Body>
</ Html>

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

  1. Comienza creando un elemento de entrada para servir como el fundamento básico.
  2. Establecer el tipo de radio.
  3. Dé a cada botón de radio un identificador único.
  4. Utilice el atributo de nombre para identificar a todos los botones en un grupo.
  5. Considere la posibilidad de agrupar visual también.

    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 cada grupo. Todos los botones de un grupo deben estar físicamente cerca uno del otro.
  6. Haga uno de los botones controladas (seleccionado) de forma predeterminada.

    Aplique el atributo checked = "marcada" (proporcionada por el departamento de departamento de la redundancia) a uno de los elementos por lo que comenzará a comprobar.

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