Korzeń sekcji typu "fieldset"

Element fieldset reprezentuje grupę powiązanych ze sobą tematycznie elementów HTML formularza HTML.

Element fieldset reprezentuje również korzeń sekcji typu fieldset, oznacza to, że jeżeli zechcemy, to każdy interesujący nas element fieldset może stać się również miejscem, w którym mogą wystąpić interesujące nas sekcje zawartości oraz interesujące nas korzenie sekcji.

Przykład:

<form>
  <fieldset><!-- POCZĄTEK KORZENIA SEKCJI TYPU FIELDSET -->
    <h1>Dane niewymagane</h1>
    <p>
      <label>
        Jaki jest Twój ulubiony kwiat? <input>
      </label>
    </p>

    <p>
      <label>
        Jaki jest Twój ulubiony kolor? <input>
      </label>
    </p>
  </fieldset><!-- KONIEC KORZENIA SEKCJI TYPU FIELDSET -->
</form>

W naszym przykładowym kodzie HTML występuje jeden korzeń sekcji typu fieldset.

Wspomniany korzeń sekcji typu fieldset reprezentowany jest przez pierwszy element fieldset.

Zawartość naszego przykładowego korzenia sekcji typu fieldset reprezentuje treść w postaci danych formularza HTML, które nie muszą zostać podane przez użytkownika wypełniającego wspomniany formularz HTML.

Ponadto jeżeli nie chcemy tworzyć dodatkowych sekcji zawartości oraz korzeni sekcji w zawartości interesującego nas elementu fieldset oraz nie chcemy, aby interesujący nas element fieldset posiadał swój własny tytuł reprezentowany przez element HTML posiadający z góry określoną rangę, wtedy możemy skorzystać z elementu legend.

Przykład:

<form>
  <fieldset><!-- POCZĄTEK KORZENIA SEKCJI TYPU FIELDSET -->
    <legend>Dane niewymagane</legend>
    <p>
      <label>
        Jaki jest Twój ulubiony kwiat? <input>
      </label>
    </p>

    <p>
      <label>
        Jaki jest Twój ulubiony kolor? <input>
      </label>
    </p>
  </fieldset><!-- KONIEC KORZENIA SEKCJI TYPU FIELDSET -->
</form>

Rezultat:

Dane niewymagane

Jaki jest Twój ulubiony kwiat?

Jaki jest Twój ulubiony kolor?

Element legend musi być pierwszym elementem dzieckiem elementu fieldset. Ponadto element fieldset może posiadać tylko jeden element legend. Treść reprezentowana przez zawartość elementu legend z założenia powinna reprezentować nagłówek dla treści reprezentowanej przez zawartość elementu fieldset.

O tym jak utworzyć formularz HTML oraz o tym czym jest formularz HTML powiemy sobie nieco później.