Forms

Forms

A pretty standard form to allow users to enter requested data. Most every form element is covered in this sample. Input fields, checkboxes, radio buttons, select dropdowns, etc. alos included is a submit button and a reset, or clear, button that wipes any filled-in information to be wiped.

* Indicates a required field

Contact Information


Checkbox & Radio Inputs

<input type="checkbox" class="switch" id="switch-this" name="switch-this" checked>
<label for="switch-this">I choose this</label>

<input type="checkbox" class="switch" id="switch-that" name="switch-that">
<label for="switch-that">I choose that</label>

<input type="radio" class="radio" id="radio-this" name="sex" value="male">
<label for="radio-this">Male</label>

<input type="radio" class="radio" id="radio-that" name="sex" value="female">
<label for="radio-that">Female</label>

Datalist Field


Search Field


If you see this, leave this form field blank.
<fieldset>
    <div class="formitem">
        <label for="generic" class="visually-hidden">Generic</label>
        <input type="text" id="" class="" name="" value="" placeholder="Generic" tabindex="21" required>
    </div>
</fieldset>