Logo Code Cats Studio

Code Cats Studio

Actividad Práctica - Formularios y Controles de Usuario

Actividad Práctica: Formulario de Registro

Descripción de la actividad

Crear un documento HTML que contenga un formulario de registro con los siguientes elementos:

  1. Campos de texto para nombre y apellido.
  2. Campo de email para ingresar correo electrónico.
  3. Campo de contraseña para crear una contraseña segura.
  4. Selector de fecha para indicar fecha de nacimiento.
  5. Opciones de radio para seleccionar género u otra categoría exclusiva.
  6. Checkboxes para aceptar términos o seleccionar intereses múltiples.
  7. Botón de envío para enviar los datos.

Ejemplo de Formulario

<form action="#" method="post">
        <label for="nombre">Nombre:</label>
        <input type="text" id="nombre" name="nombre" required>

        <label for="email">Correo electrónico:</label>
        <input type="email" id="email" name="email" required>

        <label for="mensaje">Mensaje:</label>
        <textarea id="mensaje" name="mensaje"></textarea>

        <button type="submit">Enviar</button>
        </form>

Instrucciones

  1. Abrir un editor de texto y crear un archivo HTML nuevo (por ejemplo, registro.html).
  2. Escribir la estructura básica de HTML (<!DOCTYPE html>, <html>, <head>, <title>, <body>).
  3. Insertar un formulario de registro usando la etiqueta <form> y añadir los campos de texto, email, contraseña, fecha, radio, checkboxes y el botón de envío.
  4. Abrir el archivo en un navegador para verificar que el formulario se muestra correctamente y que todos los campos son editables.