Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Textual Inputs | Foundation of HTML Forms
HTML Forms Foundations

bookTextual Inputs

HTML provides several input types for collecting different kinds of textual data:

  • text: for general single-line input (e.g., name, city);
  • email: for email addresses, with built-in validation;
  • password: for sensitive data, hides input characters;
  • number: for numeric input, allows up/down arrows. Each type improves user experience and data accuracy.
index.html

index.html

style.css

style.css

copy

Browsers provide instant feedback for email and number fields. For example, entering an invalid email shows an error. Password fields mask input for privacy. These features help users enter correct data and protect sensitive information.

question mark

Which input type automatically validates that the entered value is a properly formatted email address in an HTML form?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain more input types available in HTML?

How do I add these input types to a form?

What are some best practices for using these input types?

Awesome!

Completion rate improved to 10

bookTextual Inputs

Desliza para mostrar el menú

HTML provides several input types for collecting different kinds of textual data:

  • text: for general single-line input (e.g., name, city);
  • email: for email addresses, with built-in validation;
  • password: for sensitive data, hides input characters;
  • number: for numeric input, allows up/down arrows. Each type improves user experience and data accuracy.
index.html

index.html

style.css

style.css

copy

Browsers provide instant feedback for email and number fields. For example, entering an invalid email shows an error. Password fields mask input for privacy. These features help users enter correct data and protect sensitive information.

question mark

Which input type automatically validates that the entered value is a properly formatted email address in an HTML form?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3
some-alt