Ce face <fieldset> și <legend>
Tagul <fieldset> desenează o casetă cu chenar în jurul unui grup logic de câmpuri de formular (de exemplu Date personale, Adresă de facturare sau Metodă de plată).
Tagul <legend> este primul copil din <fieldset> și devine titlul integrat în chenarul de sus. Este esențial pentru accesibilitate, deoarece cititoarele de ecran citesc legenda înainte de fiecare câmp din grup.
Atribute
| Atribut | Descriere |
|---|---|
disabled |
Dezactivează simultan toate câmpurile din interiorul grupului fieldset. |
Exemple
Exemplul 1: Gruparea opțiunilor de plată prin radio buttons
legend descrie întrebarea pentru întregul set de butoane radio.
<fieldset>
<legend>Metoda de plată preferată</legend>
<label><input type="radio" name="plata" value="card" checked> Card bancar</label><br>
<label><input type="radio" name="plata" value="ramburs"> Plată la livrare (ramburs)</label>
</fieldset>Ce afișează browserul
O căsuță cu chenar fin în a cărei latură de sus scrie „Metoda de plată preferată”, iar în interior sunt două opțiuni rotunde radio.Greșeli frecvente
- Plasarea altui tag înaintea lui
Comenzi înrudite
<form>: Containerul principal pentru colectarea datelor de la utilizator și trimiterea lor către un server.<input>: Cel mai versatil element de formular: își schimbă complet aspectul și funcția în funcție de atributul type.<label>: Etichetă accesibilă pentru un control de formular: dând clic pe etichetă, activezi sau bifezi câmpul asociat.