# Fieldset group

The fieldset group is used to create sections in a journey form page by grouping multiple fieldsets together and providing the section a title.

Simply wrap the desired content within <fieldset class="goco-c-fieldset-group"> and pass it a title using <legend class="goco-c-fieldset-group__legend">.

<div class="goco-l-grid-container">
  <fieldset class="goco-c-fieldset-group">
    <legend class="goco-c-fieldset-group__legend">About you</legend>
    <fieldset class="goco-c-fieldset">
      <legend class="goco-c-fieldset__legend">Your name</legend>
      <div class="goco-c-fieldset__content">
        <div class="goco-c-input goco-c-input--large">
          <input class="goco-c-input__native" type="text" />
        </div>
      </div>
    </fieldset>
    <fieldset class="goco-c-fieldset">
      <legend class="goco-c-fieldset__legend">Your marital status</legend>
      <div class="goco-c-fieldset__content">
        <select class="goco-c-select goco-c-select--large">
          <option>Please select</option>
          <option value="Option 1">Option 1</option>
          <option value="Option 2">Option 2</option>
        </select>
      </div>
    </fieldset>
  </fieldset>
  <fieldset class="goco-c-fieldset-group">
    <legend class="goco-c-fieldset-group__legend">Proposer details</legend>
    <div class="goco-c-fieldset__content">
      <fieldset class="goco-c-fieldset">
        <legend class="goco-c-fieldset__legend">Your name</legend>
        <div class="goco-c-input goco-c-input--large">
          <input class="goco-c-input__native" type="text" />
        </div>
      </fieldset>
      <fieldset class="goco-c-fieldset">
        <legend class="goco-c-fieldset__legend">Your email address</legend>
        <div class="goco-c-input goco-c-input--large">
          <input class="goco-c-input__native" type="email" />
        </div>
      </fieldset>
    </div>
  </fieldset>
</div>

← Fieldset Tooltip →