Tag fieldset

Tag fieldset seskupuje pole formuláře HTML.

Výsledek je pak orámován a popisek, který je vytvořen pomocí tagu legend, tento rámec přerušuje, čímž vytváří jedinečný efekt, který nelze jinak dosáhnout (viz příklad).

Pokud tagu legend přiřadíte nějaké CSS styly pro pozicování (float, position atd.), jeho obsah opustí rámec a umístí se na požadované místo (přerušení rámečku pak již nebude).

Příklad

Pojďme rozdělit formulář na dva logické bloky pomocí dvou tagů fieldset:

html<form>
  <fieldset>
    <legend>Údaje kupujícího</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Údaje prodávajícího</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Viz také

  • vlastnost border,
    pomocí které lze bloku nastavit ohraničení