Difference between revisions of "Input Element Type Checkbox"

From Level Access Web Labs
Jump to navigation Jump to search
Line 5: Line 5:
 
</html>
 
</html>
  
==Input text with label (required)==
+
==Input checkbox with label (required)==
 
<html>
 
<html>
 
   <input required id="i1" type="checkbox" />
 
   <input required id="i1" type="checkbox" />
Line 11: Line 11:
 
</html>
 
</html>
  
==Input text with aria-label==
+
==Input checkbox with aria-label==
 
<html>
 
<html>
 
   <input aria-label="search aria label" id="i1" type="checkbox" />
 
   <input aria-label="search aria label" id="i1" type="checkbox" />
Line 17: Line 17:
 
</html>
 
</html>
  
==Input text with aria-labelledby==
+
==Input checkbox with aria-labelledby==
 
<html>
 
<html>
 
   <input aria-labelledby="s1" id="i1" type="checkbox" />
 
   <input aria-labelledby="s1" id="i1" type="checkbox" />
Line 23: Line 23:
 
</html>
 
</html>
  
==Input with implicit label==
+
==Input checkbox with implicit label==
 
<html>
 
<html>
 
   <label>
 
   <label>
Line 31: Line 31:
 
</html>
 
</html>
  
==Input with explicit and implicit label==
+
==Input checkbox with explicit and implicit label==
 
<html>
 
<html>
 
   <label for="ie1">
 
   <label for="ie1">
Line 39: Line 39:
 
</html>
 
</html>
  
==Input text with label and aria-describedby==
+
==Input checkbox with label and aria-describedby==
 
<html>
 
<html>
 
   <input aria-describedby="s2" id="il1" type="checkbox" />
 
   <input aria-describedby="s2" id="il1" type="checkbox" />
Line 46: Line 46:
 
</html>
 
</html>
  
==Disabled Input text with label==
+
==Disabled Input checkbox with label==
 
<html>
 
<html>
 
   <input disabled id="id1" type="checkbox" />
 
   <input disabled id="id1" type="checkbox" />
Line 52: Line 52:
 
</html>
 
</html>
  
==Readonly Input text with label==
+
==Readonly Input checkbox with label==
 
<html>
 
<html>
 
   <input readonly id="ir1" type="checkbox" />
 
   <input readonly id="ir1" type="checkbox" />
Line 58: Line 58:
 
</html>
 
</html>
  
==Input text with label (checked)==
+
==Input checkbox with label (checked)==
 
<html>
 
<html>
 
   <input checked id="ia1" type="checkbox" />
 
   <input checked id="ia1" type="checkbox" />

Revision as of 18:32, 27 March 2014

Input checkbox with title (required, autofocus)

Input checkbox with label (required)

Input checkbox with aria-label

Search the Internet

Input checkbox with aria-labelledby

Search the Internet

Input checkbox with implicit label

Input checkbox with explicit and implicit label

Input checkbox with label and aria-describedby

You can search for anything you want.

Disabled Input checkbox with label

Readonly Input checkbox with label

Input checkbox with label (checked)