Input Types in HTML
HTML input types define what kind of data a user can enter in a form.
Common Input Types:
Text, Password, Email, Number, date, Time, Checkbox, File, Submit, Color, Range
Input Attributes
Attributes give extra features to input elements.
Example:
placeholder → Hint text inside input
required → Makes field mandatory
readonly → Cannot edit
disabled → Cannot use field
value → Default value
maxlength → Limit characters
min, max → Number limits
Self Closing (Standalone) Tags
These tags do NOT need closing tags.
Examples
<br>
<hr>
<img>
<input>
<link>
<meta>
<img src ="image.jpg"alt="sample image">
Alt tag
The alt attribute is used inside the img to describe the image.alt means alternative text. If the imagedoes not load, this text will be shown instead.
Hover
Hover means when you move mouse over an element, style changes.
button:hover {
background-color: blue;
color: white;
}
Hover is used in:
- Buttons
- Navigation menus
- Links
- Cards
- Images