Form Example

Code for the Form Example

<div class="form-item">
  <label for="firstName">First Name</label>
  <input type="text" name="firstName" id="firstName" aria-required="true" aria-invalid="true" 
    placeholder="Enter your first name">
  <button type="button" aria-hidden="true" tabindex="-1"></button>
  <div class="error-message">First Name field shoud not be blank</div>
</div>

<div class="form-item">
  <fieldset aria-required="true" aria-invalid="false">
    <legend>What product are you interested in?</legend>
    <div>
      <div class="fieldset-item">
          <input type="checkbox" id="products1" name="products" value="product1">
          <span class="custom-checkbox"></span>
          <label for="products1">Product 1</label>
      </div>
      ...
    </div>
    <button type="button" aria-hidden="true"></button>
    <div class="error-message">Please choose an option</div> 
  </fieldset>
</div>