Objetivo

Mejorar la experiencia del usuario en el sitio web creando un formulario interactivo que requiera entradas para nombre, correo electrónico y contraseña, cada una con sus etiquetas asociadas.

Tarea

Incorporar un formulario fácil de usar en el sitio web, mejorando la interacción y el compromiso del usuario. La tarea consiste en:

• Para la entrada de nombre: crear un campo de texto que recoja los nombres de los usuarios. Utilizar los atributos correctos para garantizar una experiencia fluida.

  1. Definir el type apropiado para la entrada de texto;

  2. Establecer el placeholder en John;

  3. Asegurar que el campo tenga el foco por defecto.

• Para la entrada de correo electrónico: crear un campo de correo electrónico que recoja las direcciones de correo de los usuarios. Garantizar la precisión de los datos utilizando los atributos adecuados.

  1. Definir el type correcto para la entrada de correo electrónico;

  2. Establecer el placeholder en example@gmail.com;

  3. Marcar el campo como obligatorio.

• Para la entrada de contraseña: crear un campo de contraseña seguro que proteja los datos del usuario. Utilizar los atributos apropiados para mejorar la protección de los datos.

  1. Definir el type correcto para la entrada de contraseña;

  2. Hacer que el campo sea obligatorio.

1. autofocus: enfoca automáticamente el campo de entrada cuando la página se carga.

2. required: marca el campo de entrada como obligatorio, impidiendo el envío del formulario si se deja vacío.

3. placeholder: proporciona una pista o texto de ejemplo para el campo de entrada.

4. for e id: asocia una etiqueta con un campo de entrada para mejorar la accesibilidad.

5. type: especifica el tipo de dato esperado en el campo de entrada (por ejemplo, texto, correo electrónico, contraseña).