form-fieldset.md 1.3 KB


title: Form fieldset summary: By grouping form elements together with the fieldset element, you can improve the organization and accessibility of your forms, making it easier for users to understand the purpose of each input and provide accurate information.

description: Group form elements for clarity.

Default markup

Group parts of your form to make it well-structured and clearer for users, using the fieldset element.

{% capture html -%}

<label class="form-label required">Full name</label>
<input type="text" class="form-control" autocomplete="off" />

<label class="form-label required">Company</label>
<input type="text" class="form-control" autocomplete="off" />

<label class="form-label required">Email</label>
<input type="email" class="form-control" autocomplete="off" />

<label class="form-label">Phone number</label>
<input type="tel" class="form-control" autocomplete="off" />

<input type="checkbox" class="form-check-input" />
<span class="form-check-label required">I agree to the Terms & Conditions</span>

{%- endcapture %} {% include "docs/example.html" html=html %}