Co to jest `fieldset` w HTML?

Fieldset w HTML to element służący do grupowania powiązanych pól formularza i (domyślnie) rysowania wokół nich ramki; opcjonalny element legend dodaje podpis grupy. Nie „załatwia się” w nim spraw jak w urzędzie—to tylko strukturalny i semantyczny kontener w kodzie formularza.

Najważniejsze informacje:

  • Elementy: używasz <fieldset>...</fieldset> do zgrupowania kontrolek (np. danych logowania), a <legend> jako tytułu tej grupy.
  • Działanie: poprawia semantykę, dostępność (AT rozumie grupy pól) i estetykę (ramka wokół grupy).
  • Atrybuty: m.in. disabled (wyłącza całą grupę), form (przypisanie do konkretnego formularza), name (nazwa zestawu pól).
  • W HTML5 legend jest opcjonalny (nie musi występować).

Przykład:

Dane do logowania

Co można tam „załatwić”:

  • W sensie technicznym: tylko zgrupować powiązane pola i ewentualnie je wspólnie wyłączyć; sam fieldset nie wysyła danych ani nie dodaje logiki biznesowej.
  • Wysyłanie danych realizuje formularz <form> i jego kontrolki, np. <input type="text"> itp..

Inne formy kontaktu (jeśli pytasz o alternatywy wobec formularza na stronie):

  • E-mail – podanie adresu do korespondencji (np. [email protected]).
  • Telefon – numer infolinii/biura.
  • Strona WWW – adres serwisu lub konkretnej podstrony kontaktowej (np. www.przyklad.pl/kontakt).
  • Media społecznościowe – profile firmowe.
  • Czat / komunikatory – live chat na stronie, WhatsApp/Signal/Telegram.
  • Adres korespondencyjny – do wysyłki pism.
    (Uwagi ogólne; te formy kontaktu nie wynikają z samego fieldset, ale są typowymi alternatywami wobec formularza na stronie.)

Podstawy źródłowe:

  • Definicja i zastosowanie fieldset oraz legend, w tym opcjonalność legend w HTML5.
  • Atrybuty fieldset (disabled, form, name) i fakt, że rysuje ramkę wokół grupy.
  • Kontekst formularzy i wysyłania danych przez form (np. metoda GET) — to rola formularza, nie fieldset.
  • Praktyka grupowania podobnych inputów za pomocą fieldset/legend.
Programista i twórca serwisu Creative Coding, absolwent Politechniki Warszawskiej (WEiTI). Od 10+ lat łączy front‑end, grafikę generatywną i narzędzia dla twórców; opublikował 120+ projektów i artykułów, prowadził warsztaty dla 2 000+ uczestników. Pracuje z JavaScriptem, Three.js, P5.js i GLSL, bada wydajność i dokumentuje procesy, tworząc praktyczne przewodniki dla osób łączących kod z obrazem, dźwiękiem i interakcją.
Zostaw komentarz

Komentarze

Brak komentarzy. Dlaczego nie rozpoczniesz dyskusji?

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *