Difference between revisions of "Input Element Type Text"

From Level Access Web Labs
Jump to navigation Jump to search
Line 74: Line 74:
 
</html>
 
</html>
  
==Input image with alt==
+
==Disabled Input text with label==
 
<html>
 
<html>
   <input type="image" alt="Search" />
+
   <input disabled id="i1" placeholder="enter search term here" type="text" />
 +
  <label style="border:solid thin;" for="i1"> Search </label>
 +
</html>
 +
 
 +
==Readonly Input text with label==
 +
<html>
 +
  <input readonly id="i1" placeholder="enter search term here" type="text" />
 +
  <label style="border:solid thin;" for="i1"> Search </label>
 
</html>
 
</html>
  
 
[[Category:Elements]]
 
[[Category:Elements]]
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 17:39, 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