fieldset - Český HTML 5 manuál

HTML a CSS Manuál Formuláře 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

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


 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Formuláře - Český HTML 5 manuál

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!