Difference between revisions of "Input Element Type Text"

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

Revision as of 17:46, 27 March 2014

Possible attributes that can affect accessibility

  • autocomplete
  • For use of list attribute (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

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

Input text with label (autocomplete on)