Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda 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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

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

Deslize para mostrar o menu

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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 3
some-alt