Repaso - Formularios #2
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 47 de 60.
Desafío
Fácil¡Vamos a construir un formulario de registro sencillo como el de la imagen de abajo!
Esto es lo que debes incluir:
- Una etiqueta
<form>para envolver todo el conjunto. - 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 tenerid="username",name="username",type="text", y el marcador de posición"Enter your username". - Un campo de Correo electrónico con una etiqueta y una entrada de correo electrónico. La etiqueta debe decir
"Email:"y usarfor="email". La entrada debe tenerid="email",name="email",type="email", y el marcador de posición"Enter your email". - Un campo de Contraseña con una etiqueta y una entrada de contraseña. La etiqueta debe decir
"Password:"y usarfor="userpassword". La entrada debe tenerid="userpassword",name="userpassword",type="password", y el marcador de posición"Enter your password". - Un grupo de botones de radio 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 radio. El botón de radio"Student"debe tenerid="student",name="usertype",value="student", y una etiqueta que diga"Student". El botón de radio"Teacher"debe tenerid="teacher",name="usertype",value="teacher", y una etiqueta que diga"Teacher". Recuerda: ambos botones de radio deben tener el mismo atributo name ("usertype") para que solo se pueda seleccionar uno a la vez. - 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"Sports"debe tenerid="sports",name="interests",value="sports", y una etiqueta que diga"Sports". La casilla"Music"debe tenerid="music",name="interests",value="music", y una etiqueta que diga"Music". La casilla"Technology"debe tenerid="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") ya que pertenecen al mismo grupo. - Un botón de Sign Up y un botón de Clear al final del formulario. El botón Sign Up debe tener
type="submit"y el botón Clear debe tenertype="reset". El botón Sign Up debe mostrar el texto "Sign Up" y el botón Clear debe mostrar el texto “Clear”.
¡Asegúrate de incluir etiquetas y títulos adecuados para una experiencia fácil de usar!
Recuerda, las entradas deben incluir estos atributos importantes:
type,id,name, yvalue.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe código aquí -->
</body>
</html>Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2