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
forms atributy:action, jehož hodnotou je adresa, kam se data odešlou,method, jehož hodnotou je způsob odeslání:GETv adrese (třeba pro vyhledávání) neboPOSTuvnitř požadavku (třeba pro přihlášení).
- Vstupy se vytváří prvkem
inputs atributy:type– typ vstupu, napříkladtext,password,email,number,date,range,radionebocheckbox,name– název, který se odešle spolu s hodnotou vstupu, napříkladjmeno=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
nametvoří 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
selects prvkyoptionuvnitř a pole na delší text prvkemtextarea. - Každý vstup potřebuje popis: prvek
label, jehož atributformá stejnou hodnotu jako atributidvstupu, 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.
Jak psát:
<
Alt Gr + ,
>
Alt Gr + .
/
Shift + ú
"
Shift + ů
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
11/11