input:focus |
When its keyboard focused |
| See: Input pseudo classes |
HTML input Tags
Input CSS selectors
Input types
type="checkbox" |
|
type="radio" |
|
type="file" |
|
type="hidden" |
|
type="text" |
|
type="password" |
|
type="image" |
|
type="reset" |
|
type="button" |
Button |
type="submit" |
#New Input Types in HTML5
type="color" |
|
type="date" |
|
type="time" |
|
type="month" |
|
type="datetime-local" |
|
type="week" |
|
type="email" |
|
type="tel" |
|
type="url" |
|
type="number" |
|
type="search" |
|
type="range" |
Input Attributes
The input tag is an empty element, identifying the particular type of field information to obtain from a user.
<input type="text" name="?" value="?" minlength="6" required />
| - | ||
|---|---|---|
type="â¦" |
The type of data that is being input | |
value="â¦" |
Default value | |
name="â¦" |
Used to describe this data in the HTTP request | |
id="â¦" |
Unique identifier that other HTML elements | |
readonly |
Stops the user from modifying | |
disabled |
Stops any interaction | |
checked |
The radio or checkbox select or not | |
required |
Being compulsory, See required | |
placeholder="â¦" |
Adds a temporary, See ::placeholder | |
autocomplete="off" |
Disable auto completion | |
autocapitalize="none" |
Disable auto capitalization | |
inputmode="â¦" |
Display a specific keyboard, See inputmode | |
list="â¦" |
The id of an associated datalist | |
maxlength="â¦" |
Maximum number of characters | |
minlength="â¦" |
Minimum number of characters | |
min="â¦" |
Minimum numerical value on range & number | |
max="â¦" |
Maximum numerical value on range & number | |
step="â¦" |
How the number will increment in range & number | |
pattern="â¦" |
Specifies a Regular expression, See pattern | |
autofocus |
Be focused | |
spellcheck |
Perform spell checking | |
multiple |
Whether to allow multiple values | |
accept="" |
Expected file type in file upload controls | |
| Also see: Attributes for the element |
Comments