Desafío: Crear un Formulario con Campos de Entrada y Etiquetas
Objetivo
Mejorar la experiencia del usuario en el sitio web mediante la creación de un formulario interactivo que requiera entradas para nombre, correo electrónico y contraseña, cada uno con sus respectivas etiquetas.
Tarea
Agregar un formulario sencillo y fácil de usar a la página. Siga estos requisitos:
- Entrada de nombre
- Utilizar un campo de texto.
- Establecer el marcador de posición en
John. - Hacer que el campo esté enfocado por defecto (autofocus).
- Entrada de correo electrónico
- Utilizar un campo de correo electrónico.
- Establecer el marcador de posición en
example@gmail.com. - Marcar el campo como obligatorio.
- Entrada de contraseña
- Utilizar un campo de contraseña.
- Hacer que este campo sea obligatorio.
index.html
index.css
autofocus: enfoca automáticamente el campo de entrada al cargar la página.required: marca el campo de entrada como obligatorio, impidiendo el envío del formulario si queda vacío.placeholder: proporciona un texto de ejemplo o sugerencia para el campo de entrada.foryid: asocia una etiqueta con un campo de entrada para mejorar la accesibilidad.type: especifica el tipo de dato esperado en el campo de entrada (por ejemplo, text, email, password).
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain how the form validation works in this example?
What happens if a required field is left empty?
How can I further customize the appearance of the form?
Genial!
Completion tasa mejorada a 2.38
Desafío: Crear un Formulario con Campos de Entrada y Etiquetas
Desliza para mostrar el menú
Objetivo
Mejorar la experiencia del usuario en el sitio web mediante la creación de un formulario interactivo que requiera entradas para nombre, correo electrónico y contraseña, cada uno con sus respectivas etiquetas.
Tarea
Agregar un formulario sencillo y fácil de usar a la página. Siga estos requisitos:
- Entrada de nombre
- Utilizar un campo de texto.
- Establecer el marcador de posición en
John. - Hacer que el campo esté enfocado por defecto (autofocus).
- Entrada de correo electrónico
- Utilizar un campo de correo electrónico.
- Establecer el marcador de posición en
example@gmail.com. - Marcar el campo como obligatorio.
- Entrada de contraseña
- Utilizar un campo de contraseña.
- Hacer que este campo sea obligatorio.
index.html
index.css
autofocus: enfoca automáticamente el campo de entrada al cargar la página.required: marca el campo de entrada como obligatorio, impidiendo el envío del formulario si queda vacío.placeholder: proporciona un texto de ejemplo o sugerencia para el campo de entrada.foryid: asocia una etiqueta con un campo de entrada para mejorar la accesibilidad.type: especifica el tipo de dato esperado en el campo de entrada (por ejemplo, text, email, password).
index.html
index.css
¡Gracias por tus comentarios!