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)
Line 61: Line 61:
 
==Input with explicit and implicit label==
 
==Input with explicit and implicit label==
 
<html>
 
<html>
   <label for id="ie1">
+
   <label for="ie1">
 
     <input id="ie1" placeholder="enter search term here" type="text" />
 
     <input id="ie1" placeholder="enter search term here" type="text" />
 
     <span id="s1" style="border:solid thin;"> Search </span>
 
     <span id="s1" style="border:solid thin;"> Search </span>

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