A form group is used to make a collection of form fields visually distinct by adding additional padding around the group. This grouping assists users in distinguishing related information, as well as provides visual heirachy to the form. W3C states that a <fieldset>
is used to group a set of form controls under the same name. You can add a .form-grouping
class to the fieldset to add additional spacing between the groupings.
<form>
<fieldset>
...
</fieldset>
<fieldset class="form-grouping">
...
</fieldset>
</form>