Difference between revisions of "Input Element Type Text"
Jump to navigation
Jump to search
m (Jon Avila moved page Input Element to Input Element Type Text without leaving a redirect) |
|||
| Line 3: | Line 3: | ||
* autocomplete | * autocomplete | ||
* checked | * checked | ||
| − | |||
* list (see [[Datalist Element]] | * list (see [[Datalist Element]] | ||
| − | |||
| − | |||
| − | |||
* type button | * type button | ||
* type checkbox | * type checkbox | ||
| Line 27: | Line 23: | ||
* type week | * type week | ||
| − | ==Input text with title== | + | ==Input text with title (required, placeholder, autofocus)== |
<html> | <html> | ||
| − | <input placeholder="enter search term here" title="search" type="text" /> | + | <input autofocus required placeholder="enter search term here" title="search" type="text" /> |
<button> Go </button> | <button> Go </button> | ||
</html> | </html> | ||
| − | ==Input text with label== | + | ==Input text with label (required)== |
<html> | <html> | ||
| − | <input id="i1" placeholder="enter search term here" type="text" /> | + | <input required id="i1" placeholder="enter search term here" type="text" /> |
<label style="border:solid thin;" for="i1"> Search </label> | <label style="border:solid thin;" for="i1"> Search </label> | ||
</html> | </html> | ||
Revision as of 17:45, 27 March 2014
Possible attributes that can affect accessibility
- autofocus
- autocomplete
- checked
- list (see Datalist Element
- type button
- type checkbox
- type date
- type datetime
- type email
- type file
- type hidden
- type month
- type number password
- type radio
- type range
- type reset
- type search
- type submit
- type tel
- type time
- type url
- type week
Contents
- 1 Input text with title (required, placeholder, autofocus)
- 2 Input text with label (required)
- 3 Input text with aria-label
- 4 Input text with aria-labelledby
- 5 Input with implicit label
- 6 Input with explicit and implicit label
- 7 Input text with label and aria-describedby
- 8 Disabled Input text with label
- 9 Readonly Input text with label
Input text with title (required, placeholder, autofocus)
Input text with label (required)
Input text with aria-label
Search
Input text with aria-labelledby
Search
Input with implicit label
Input with explicit and implicit label
Input text with label and aria-describedby
You can search for anything you want.
Disabled Input text with label
Readonly Input text with label
