IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

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šetky články v sekcii
Formuláře - Český HTML 5 manuál
Článok pre vás napísal 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 sa informačné technológie naučil na Unicorn University - prestížnej súkromnej vysokej škole IT a ekonómie.
Aktivity