Shrnutí formulářů

V této lekci jsme se naučili vytvářet formuláře a dozvěděli jsme se, že:

  • Formulář se vytváří prvkem form s atributy:
    • action, jehož hodnotou je adresa, kam se data odešlou,
    • method, jehož hodnotou je způsob odeslání: GET v adrese (třeba pro vyhledávání) nebo POST uvnitř požadavku (třeba pro přihlášení).
  • Vstupy se vytváří prvkem input s atributy:
    • type – typ vstupu, například text, password, email, number, date, range, radio nebo checkbox,
    • name – název, který se odešle spolu s hodnotou vstupu, například jmeno=Kuba,
    • id – jedinečný identifikátor, který vstup propojí s jeho popisem,
    • value – předvyplněná hodnota, u přepínače hodnota, která se odešle, když je vybraný.
  • Přepínače se stejným atributem name tvoří skupinu, ve které může být vybraný jen jeden. Zaškrtávací políčka jsou na sobě nezávislá.
  • Rozbalovací seznam vytvoříme prvkem select s prvky option uvnitř a pole na delší text prvkem textarea.
  • Každý vstup potřebuje popis: prvek label, jehož atribut for má stejnou hodnotu jako atribut id vstupu, ke kterému patří. Kliknutím na popis se kurzor přesune do vstupu a čtečky obrazovky popis přečtou nahlas.
  • Formulář odešleme tlačítkem <button type="submit">Odeslat</button> (nebo <input type="submit" value="Odeslat">).
  • Povinný vstup vytvoříme tím, že mu přidáme atribut required.

V další lekci na vás čeká závěrečný projekt, ve kterém využijete, co jste se naučili v celém kurzu.

Pokyny

Gratulujeme k dokončení páté lekce! V editoru je váš konečný kód z této lekce. Teď si můžete formulář přizpůsobit nově nabytými znalostmi a potom se pustit do závěrečného projektu.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

11/11