Difference between revisions of "Input Element Type Text"

From Level Access Web Labs
Jump to navigation Jump to search
Line 55: Line 55:
 
==Readonly Input text with label==
 
==Readonly Input text with label==
 
<html>
 
<html>
   <input readonly id="ir1" placeholder="enter search term here" type="text" />
+
   <input readonly value="hello world" 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>
 
</html>

Revision as of 17:50, 30 June 2015

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)