Repaso - Formularios #2

¡Construyamos un formulario de registro sencillo, igual que el de la imagen de abajo!

Esto es lo que debes incluir:

1. Una etiqueta <form> para envolverlo todo.
2. Un campo de nombre de usuario con una etiqueta y una entrada de texto. La etiqueta debe decir "Username:" y usar for="username". La entrada debe tener id="username", name="username", type="text" y el marcador de posición "Enter your username".
3. Un campo de correo electrónico con una etiqueta y una entrada de correo electrónico. La etiqueta debe decir "Email:" y usar for="email". La entrada debe tener id="email", name="email", type="email", y el marcador de posición "Enter your email".
4. Un campo de contraseña con una etiqueta y una entrada de contraseña. La etiqueta debe decir "Password:" y usar for="userpassword". La entrada debe tener id="userpassword", name="userpassword", type="password" y el marcador de posición "Enter your password".
5. Un grupo de botones de opción para que los usuarios seleccionen su tipo: "Student" o "Teacher". Añade un párrafo o encabezado que diga "User Type:" encima de los botones de opción. El botón de opción "Student" debe tener id="student", name="usertype", value="student" y una etiqueta que diga "Student". El botón de opción "Teacher" debe tener id="teacher", name="usertype", value="teacher" y una etiqueta que diga "Teacher". Recuerda: ambos botones de opción deben tener el mismo atributo name ("usertype") para que solo se pueda seleccionar uno a la vez.
6. Un grupo de casillas de verificación para que los usuarios elijan sus intereses: "Sports", "Music" y "Technology". Añade un párrafo o encabezado que diga "Interests:" encima de las casillas de verificación. La casilla de verificación "Sports" debe tener id="sports", name="interests", value="sports" y una etiqueta que diga "Sports". La casilla de verificación "Music" debe tener id="music", name="interests", value="music" y una etiqueta que diga "Music". La casilla de verificación "Technology" debe tener id="technology", name="interests", value="technology" y una etiqueta que diga "Technology". Recuerda: todas las casillas de verificación deben tener el mismo atributo name ("interests") porque están en el mismo grupo.
7. Un botón de registro y un botón para borrar al final del formulario. El botón de registro debe tener type="submit" y el botón para borrar debe tener type="reset". El botón de registro debe mostrar el texto "Registrarse" y el botón para borrar debe mostrar el texto “Borrar”.

¡Asegúrate de incluir etiquetas y títulos adecuados para ofrecer una experiencia fácil de usar!

Recuerda que las entradas deben incluir estos atributos importantes: type, id, name y value.