HTML Input Attribute
HTML input attributes are various properties that you can set to control the behavior and appearance of<input> elements in HTML forms.
Common Attributes
1. type
Specifies the type of input element.
Syntax:
<input type="text" name="username">
<input type="password" name="password">
<input type="email" name="email">
2. name
Specifies the name of the input element, which is used to reference
form data after it’s submitted.
Syntax:
<input
type="text"
name="username">
3. value
Specifies the initial value of the input element.Syntax:
<input
type="text"
name="username"
value="JohnDoe">
4. placeholder
Provides a hint to the user of what can be entered in the input field.Syntax:
<input
type="text"
name="username"
placeholder="Enter your username">
5. required
Specifies that the input field must be filled out before submitting the
form.
Syntax:
<input
type="text"
name="username"
required>
6. readonly
Specifies that the input field is read-only.
Syntax:
<input
type="text"
name="username"
value="JohnDoe"
readonly>
7. disabled
Specifies that the input field is disabled.
Syntax:
<input
type="text"
name="username"
value="JohnDoe"
disabled>
8. maxlength
Specifies the maximum number of characters allowed in the input
field.
Syntax:
<input
type="text"
name="username"
maxlength="10">
9. size
Specifies the width of the input field (in characters).
Syntax:
<input
type="text"
name="username"
size="20">
10. min and max
Specifies the minimum and maximum values for an input field.
Syntax:
<input
type="number"
name="age"
min="18"
max="99">
11. step
Specifies the interval between legal numbers in an input field.
Syntax:
<input
type="number"
name="quantity"
step="5">
12. pattern
Specifies a regular expression that the input field’s value must
match.
Syntax:
<input
type="text"
name="username"
pattern="[A-Za-z]{3,}">
13. autofocus
Specifies that the input field should automatically get focus when the page loads.Syntax:
<input
type="text"
name="username"
autofocus>
14. autocomplete
Specifies whether the input field should have autocomplete
enabled.
Syntax:
<input
type="text"
name="username"
autocomplete="off">
15. multiple
Specifies that the user can enter more than one value (for
<input type="file"> or <input type="email">).
Syntax:
<input type="file" name="files" multiple>
<input
type="email"
name="emails"
multiple>
16. list
Refers to a<datalist>
element that contains predefined options for the input field.
Syntax:
<input
type="text"
name="browsers"
list="browsers-list">
<datalist
id="browsers-list">
<option
value="Chrome">
<option
value="Firefox">
<option
value="Safari">
</datalist>
More topic in HTML
