Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

fieldset - Český HTML 5 manuál

Tag <fieldset> slouží k seskupení souvisejících polí ve formuláři. Díky němu může vypadat formulář přehledněji.

Atributy

Můžeme uvést následující atributy:

  • disabled - Atribut je typu boolean. Pokud je uveden, nelze měnit hodnotu elementů obsažených ve fieldsetu a ty je často zobrazeny jako zašedlé.
  • form - Element může být definován mimo formulář a následně být k tomuto formuláři připojen uvedením atributu form s hodnotou id formuláře. Element může patřit více formulářům.
  • name - Specifikuje jméno fieldsetu. Význam může mít např. při parsování stránky JavaScriptem.

Do fieldsetu můžeme kromě formulářových polí vložit i element <legend>.

<legend>

Tag označuje nadpis fieldsetu.

Ukázka použití

<form>
    <fieldset>
        <legend>Fakturační adresa:</legend>
        Jméno: <input type="text" /><br />
        Ulice: <input type="text" /><br />
        Město: <input type="text" /><br />
        PSČ: <input type="text" /><br />
    </fieldset>
    <fieldset>
        <legend>Dodací adresa:</legend>
        Jméno: <input type="text" /><br />
        Ulice: <input type="text" /><br />
        Město: <input type="text" /><br />
        PSČ: <input type="text" /><br />
    </fieldset>
    <input type="submit" />
</form>

Výsledek:

Ukázka použití HTML 5 tagu fieldset - Formuláře - Český HTML 5 manuál

Pozn.: K popisu formulářových polí by bylo vhodnější použít element <label>. Zde byl opomenut pouze pro zjednodušení.


 

Všechny články v sekci
Formuláře - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity