<!-- Checkboxes --><formid="checkboxes"class="coop-form"novalidate><h3>Checkboxes</h3><fieldsetid="checkbox-1"class="coop-form__row"><legendclass="coop-form__label">Do you own:</legend><pid="checkbox-1-error"class="coop-form__error"hidden></p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-1"id="checkbox-1-1"value="1"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-1-1"class="coop-form__label">a business</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-1"id="checkbox-1-2"value="2"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-1-2"class="coop-form__label">agricultural property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-1"id="checkbox-1-3"value="3"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-1-3"class="coop-form__label">foreign property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-1"id="checkbox-1-4"value="4"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-1-4"class="coop-form__label">trademarks or patents</label></div></fieldset></form><!-- Checkboxes with hint --><formid="checkboxes-hint"class="coop-form"novalidate><h3>Checkboxes with hint</h3><fieldsetid="checkbox-2"class="coop-form__row"aria-describedby="checkbox-2-hint"><legendclass="coop-form__label">Do you own:</legend><pid="checkbox-2-hint"class="coop-form__hint">Select all that apply</p><pid="checkbox-2-error"class="coop-form__error"hidden></p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-2"id="checkbox-2-1"value="1"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-2-1"class="coop-form__label">a business</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-2"id="checkbox-2-2"value="2"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-2-2"class="coop-form__label">agricultural property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-2"id="checkbox-2-3"value="3"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-2-3"class="coop-form__label">foreign property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-2"id="checkbox-2-4"value="4"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-2-4"class="coop-form__label">trademarks or patents</label></div></fieldset></form><!-- Checkboxes with error message --><formid="checkboxes-error"class="coop-form"novalidate><h3>Checkboxes with error message</h3><fieldsetid="checkbox-3"class="coop-form__row"aria-describedby="checkbox-3-error"><legendclass="coop-form__label">Do you own:</legend><pid="checkbox-3-error"class="coop-form__error">Select options owned by you</p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-3"id="checkbox-3-1"value="1"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-3-1"class="coop-form__label">a business</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-3"id="checkbox-3-2"value="2"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-3-2"class="coop-form__label">agricultural property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-3"id="checkbox-3-3"value="3"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-3-3"class="coop-form__label">foreign property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-3"id="checkbox-3-4"value="4"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-3-4"class="coop-form__label">trademarks or patents</label></div></fieldset></form><!-- Checkboxes with hint and error message --><formid="checkboxes-hint-error"class="coop-form"novalidate><h3>Checkboxes with hint and error message</h3><fieldsetid="checkbox-4"class="coop-form__row"aria-describedby="checkbox-4-hint checkbox-4-error"><legendclass="coop-form__label">Do you own:</legend><pid="checkbox-4-hint"class="coop-form__hint">Select all that apply</p><pid="checkbox-4-error"class="coop-form__error">Select options owned by you</p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-4"id="checkbox-4-1"value="1"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-4-1"class="coop-form__label">a business</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-4"id="checkbox-4-2"value="2"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-4-2"class="coop-form__label">agricultural property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-4"id="checkbox-4-3"value="3"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-4-3"class="coop-form__label">foreign property</label></div><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-4"id="checkbox-4-4"value="4"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-4-4"class="coop-form__label">trademarks or patents</label></div></fieldset></form>
<!-- Checkboxes single --><formid="checkboxes-single"class="coop-form"novalidate><h3>Single checkbox</h3><divclass="coop-form__row"><pid="checkbox-5-error"class="coop-form__error"hidden></p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-5"id="checkbox-5-1"value="1"class="coop-form__field coop-form__checkbox"><labelfor="checkbox-5-1"class="coop-form__label">I agree to the terms and conditions</label></div></div></form><!-- Single checkbox with hint --><formid="checkboxes-single-hint"class="coop-form"novalidate><h3>Single checkbox with hint</h3><divclass="coop-form__row"><pid="checkbox-6-error"class="coop-form__error"hidden></p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-6"id="checkbox-6-1"value="1"class="coop-form__field coop-form__checkbox"aria-describedby="checkbox-6-hint"><labelfor="checkbox-6-1"class="coop-form__label">I agree to the terms and conditions</label><pid="checkbox-6-hint"class="coop-form__hint">Descriptive hint goes here</p></div></div></form><!-- Single checkbox with error message --><formid="checkboxes-single-error"class="coop-form"novalidate><h3>Single checkbox with error message</h3><divclass="coop-form__row"><pid="checkbox-7-error"class="coop-form__error">Please accept the terms and conditions</p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-7"id="checkbox-7-1"value="1"class="coop-form__field coop-form__checkbox"aria-describedby="checkbox-7-error"><labelfor="checkbox-7-1"class="coop-form__label">I agree to the terms and conditions</label></div></div></form><!-- Single checkbox with hint and error message --><formid="checkboxes-single-hint-error"class="coop-form"novalidate><h3>Single checkbox with hint and error message</h3><divclass="coop-form__row"><pid="checkbox-8-error"class="coop-form__error">Please accept the terms and conditions</p><divclass="coop-form__choice"><inputtype="checkbox"name="checkbox-8"id="checkbox-8-1"value="1"class="coop-form__field coop-form__checkbox"aria-describedby="checkbox-8-hint checkbox-8-error"><labelfor="checkbox-8-1"class="coop-form__label">I agree to the terms and conditions</label><pid="checkbox-8-hint"class="coop-form__hint">Descriptive hint goes here</p></div></div></form>