Tecnología

Inicio

Obtención de texto junto a un botón de opción

February 19

Los botones de radio, como casillas de verificación, los propietarios de sitio de ayuda se comunican con los visitantes del sitio. Cuando la gente ve los botones de radio en una página Web, que puedan tomar decisiones haciendo clic en los botones. Sólo pueden hacerlo si se agrega el texto junto a los botones. Usted no tiene que hacer nada especial para que esto suceda, pero usted tendrá que añadir unas pocas líneas de código adicional si desea cambiar la forma de su texto botón de radio se ve.

Instrucciones

1 Abrir un documento HTML y pegue el siguiente código en la sección del cuerpo del documento en la que desea que aparezcan los botones de selección:

<Form action = "">
<Input type = "radio" name = "color" value = "redcolor"> Rojo
<Input type = "radio" nombre = valor "color2" = "Greencolor"> Verde

</ Form>

En este ejemplo se crea un formulario que tiene dos etiquetas de entrada botón de radio. Sus valores de las propiedades de nombre son "color". La propiedad del nombre de su aplicación ayuda a identificar el botón cuando se procesa su página Web. Las palabras rojas y verdes al final de las etiquetas de entrada crean el texto que la gente verá junto a los botones. Guarde el documento y verlo en su navegador para verificar que los botones se muestran los valores de texto.

2 Regresar a su editor de HTML y actualizar el código para que aparezca como se muestra a continuación:

<Form action = "">
<Input type = "radio" nombre = valor "color" = "redcolor"> <span class = "red1"> red </ span>
<Input type = "radio" nombre = valor "color2" = "Greencolor"> Verde

</ Form>

Tenga en cuenta la etiqueta span que aparece antes de la palabra rojo. Esa etiqueta hace referencia a una clase CSS llamada "red1."

3 Pega el siguiente código en la sección de la cabeza de su documento:

<Head>
<Style>
.red1 {color: red;}
</ Style>
</ Head>

Este código crea la clase CSS red1 que hace referencia la etiqueta span. Esta definición de clase indica a los navegadores para cambiar el color de cualquier elemento que hace referencia a la clase a rojo. Guarde el documento y ver de nuevo en su navegador para ver que el primer texto del botón de radio es de color rojo.

Consejos y advertencias

  • Usted no tiene que utilizar las etiquetas span o CSS si no es necesario cambiar la apariencia de un botón de radio. Los navegadores crean texto negro para el botón de radio si su código HTML no anula la acción de procesamiento predeterminado. Si quería el texto del segundo botón que aparezca verde, podría crear otra clase llamada CSS green1 y establezca su valor atributo de color a verde. El nombre de su clases lo que quiera, pero asegúrese de que el nombre que le asigne coincide con el nombre que se utiliza cuando se hace referencia a una clase en una etiqueta span.
  • Si usted entiende CSS, puede utilizar las propiedades adicionales, tales como fuente-peso, de alineación de textos, al estilo de borde y el fondo color para cambiar el estilo del texto de un botón de radio. Hacer esto le ayudará botones de radio de su página web se destacan de muchos de los otros en la Web que simplemente muestran negro texto sin formato.