Form

Checkbox input

Published on

Example

Open in new tab
View HTML markup 
  
<!--[-->
<!--[-->
<!---->
<form method="POST" novalidate action="?/">
  <fieldset id="checkbox" name="checkbox" aria-describedby="checkbox-hint">
<!--[-->
    <legend id="checkbox">Checkboxes
<!---->
<!----></legend>
<!--]-->
<!---->
 <!--[--><span id="checkbox-hint">
<!---->legend hint
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
    <div><input dir="auto" value="a" id="checkbox-a" name="checkbox" type="checkbox" checked aria-describedby="label hint">
<!---->
 <!--[--><label for="checkbox-a" id="checkbox-a">Option a
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[--><span id="checkbox-a-hint">
<!---->label hint
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
<!----></div>
<!---->
    <div><input dir="auto" value="b" id="checkbox-b" name="checkbox" type="checkbox" aria-describedby="label hint">
<!---->
 <!--[--><label for="checkbox-b" id="checkbox-b">Option b
<!---->
<!----></label>
<!--]-->
<!---->
 <!--[--><span id="checkbox-b-hint">
<!---->label hint
<!----></span>
<!--]-->
<!---->
 <!--[!-->
<!--]-->
<!---->
<!----></div>
<!---->
<!---->
<!---->
  </fieldset>
<!----> <button type="button">
<!---->Submit
<!----></button>
<!---->
<!---->
</form>
<!---->
<!--]-->
<!--]-->

Variables

None for input