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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 3
some-alt