<< CSS - kaskádové styly | HTML stránky | HTML kód >>

Formuláře

  • důležitý prvek webu pro zajištění komunikace uživatele s webovou aplikací
  • zajištění čtení, vyhledávání, zadávání a odesílání dat
  • vlastní zpracování dat proběhne až pomocí programového skriptu
    • v prohlížeči pomocí JavaScriptu - editace, zpracování a zobrazení dat
    • na webovém serveru pomocí PHP, .NET, Javy - načtení, vyhledání a uložení dat

Struktura formuláře

  • Formulář - <form>
    • Sekce formuláře - <section>
    • Skupiny polí - rámečky <fieldset>
    • Nadpisy sekcí a skupin - <legend>
    • Popisky polí - <label>

Formulářové prvky

INPUT - vstup

  • TEXT - textové pole
<form>
  <label>Jméno:</label><br />
  <input type="text" name="jmeno">
  <br />
  <label>Příjmení:</label><br>
  <input type="text" name="prijmeni">
</form>
  • RADIO - přepínač
<form>
  <fieldset>
    <legend>Pohlaví</legend>
    <input type="radio" name="pohlavi" value="muž" checked>Muž
    <br />
    <input type="radio" name="pohlavi" value="žena">Žena
  </fieldset>
</form>
  • SUBMIT - tlačítko pro odeslání
<form action="action_page.php">
  <fieldset>
    <legend>Osobní údaje</legend>
    <label>Jméno</label><br>
    <input type="text" name="jmeno" value="Josef">
    <br>
    <label>Příjmení</label><br>
    <input type="text" name="lastname" value="Nymš">
    <br><br>
    <input type="submit" value="Odeslat">
  </fieldset>
</form>
Osobní údaje




SELECT - rozbalovací seznam

<select name="vyrobciAut">
  <option value="bmw" selected>BMW</option>
  <option value="equus">Equus</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

TEXTAREA

BUTTON

DATALIST

KEYGEN

OUTPUT

Odkazy

RSS