Saltar al contenido principal
Codigo Heroe
Tarea anterior
Formularios: introducción11/16
A la lista de tareas
  1. 1. El primer formulario
  2. 2. Un campo de texto
  3. 3. El identificador y el valor predeterminado
  4. 4. La etiqueta de un campo
  5. 5. Asociar una etiqueta y un campo mediante id
  6. 6. Agregar otro campo
  7. 7. Un campo de contraseña
  8. 8. El botón de envío del formulario
  9. 9. Un campo de texto de varias líneas
  10. 10. Una casilla de verificación
  11. 11. Un botón de opción
  12. 12. Un grupo de botones de opción
  13. 13. Una lista desplegable
  14. 14. Una lista de selección múltiple
  15. 15. Un campo para subir archivos
  16. 16. Un campo oculto
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Un botón de opción

Un botón de opción se crea con una etiqueta <input> de tipo radio.

Los botones de opción suelen colocarse en grupos. Los de un mismo grupo deben tener el mismo nombre y distintos valores, que se definen mediante value.

El atributo value permite distinguir las opciones al procesar los datos. El navegador envía al servidor el valor del botón seleccionado.

En este ejercicio empezaremos a crear un grupo de botones de opción.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Un botón de opción</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Cuestionario</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> <p>En los cuestionarios es común encontrar preguntas como «elige una de las siguientes opciones».</p> <p><i>¿Qué etiqueta representa un párrafo?</i></p> <label> <!-- agrega el campo aquí --> Etiqueta &lt;p&gt; </label> <input type="submit" value="Enviar"> </form> </body> </html>
CSS
input[type="submit"] { display: block; margin-top: 10px; }

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Agrega al formulario un botón de opción con el nombre question-one.
    2. Asígnale el valor p.
    Codigo Heroe

    © 2023-2026, codigoheroe.com