Difference between revisions of "Input Element Type Text"

From Level Access Web Labs
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
* disabled
 
 
* list (see [[Datalist Element]]
 
* list (see [[Datalist Element]]
* placeholder
 
* readonly
 
* required
 
 
* 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

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