Difference between revisions of "Input Element Type Text"

From Level Access Web Labs
Jump to navigation Jump to search
(Input with explicit and implicit label)
(Readonly Input text with label)
Line 83: Line 83:
 
<html>
 
<html>
 
   <input readonly id="ir1" placeholder="enter search term here" type="text" />
 
   <input readonly id="ir1" placeholder="enter search term here" type="text" />
   <label style="border:solid thin;" for="ir1"> Search </label>
+
   <label for="ir1" style="border:solid thin;"> Search </label>
 
</html>
 
</html>
  
 
[[Category:Elements]]
 
[[Category:Elements]]
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 17:42, 27 March 2014

Possible attributes that can affect accessibility

  • autofocus
  • autocomplete
  • checked
  • disabled
  • list (see Datalist Element
  • placeholder
  • readonly
  • required
  • 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

Input text with title

Input text with label

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