Korzeń sekcji typu "fieldset"
- Data publikacji
- Ostatnio edytowano
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:
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.