WikiGalaxy
HTML Input Types
Introduction:
HTML provides various input types that allow users to enter different forms of data. Each input type is designed for specific data entry and enhances user experience by providing appropriate controls and validation. This chapter explores these types, their attributes, and practical uses.
Text Input
Description:
The <input type="text"> element is used to create a single-line text field, allowing users to enter plain text.
Example:
<label for="username">Username:
<input type="text" id="username" name="username" placeholder="Enter your name">
Password Input
Description:
The <input type="password"> element masks the characters entered by users, suitable for sensitive information like passwords.
Example:
<label for="password">Password:
<input type="password" id="password" name="password">
Email Input
Description:
The <input type="email"> element validates email addresses entered by users, ensuring a proper email format.
Example:
<label for="email">Email:
<input type="email" id="email" name="email" placeholder="example@domain.com">
Number Input
Description:
The <input type="number"> element allows users to enter numeric values with optional restrictions on range.
Example:
<label for="quantity">Quantity:
<input type="number" id="quantity" name="quantity" min="1" max="10">
Date Input
Description:
The <input type="date"> element provides a date picker for selecting dates, formatted according to the user's locale.
Example:
<label for="birthday">Birthday:
<input type="date" id="birthday" name="birthday">
