JS Formuláře
O co jde
Pokud chceme, aby nám návštěvník stránek něco řekl, připravíme mu formulář.
Pokud chceme s návštěvníkem na stránce komunikovat my, potřebujeme programovat.
Minule jsme se naučili, jak sestavit formulář, aby nám návštěvníci mohli "něco říkat".
Dnes se naučíme, jak jejich "slova" (vyplněné formuláře) zpracovat.
Doplňme si povídání o příkladu, jak to vlastně celé funguje (v případě JS):
-
My jako tvůrci vložíme do formuláře políčko pro vložení věku návštěvníka a dáme mu jméno.
- jméno našeho políčka nastavíme atributemname="vek" -
Návštěvník do políčka vyplní hodnotu (např.
15) a klikne na tlačítko.
- návštěvník tak "naplní" hodnotu atributuvaluenašeho políčka;
tuto hodnotu se později naučíme přečíst a zpracovat pomocí JS (prohlížeč) nebo PHP (server) -
My si přečteme hodnoty z políček formuláře, zpracujeme je a výsledky zpracování zobrazíme.
- návštěvník se tak "dozví", co potřeboval (např. že si ještě rum koupit nemůže, když mu je15:)
- HTML stránka tak začne fungovat jako program (aktivně počítá, co jí návštěvník zadá)
Dnes si ukážeme, jak data z formuláře (která nám vyplnil návštěvník stránek) přečíst.
A také je drobně doplnit a zobrazit jinde na stránce.
Co byste měli znát, než začnete číst...
-
(Pořádně:)
HTML formuláře. -
(Automaticky:)
Jak být vstřícný k návštěvníkům. -
(Znalost je výhodou, nikoli podmínkou:)
Jak funguje programování v Pythonu (příkazinput)
Stejně jako v podobných případech:
Důrazně doporučuju forknout si repl a zkoušet si výklad průběžně kódovat.
(... procvičením si lépe uvědomíte, co se učíme, a i si vše lépe zapamatujete)
Repl obsahuje připravené CSS, kostru formuláře a div pro výstup práce JS.
Když vás napadne vylepšení / budete si s něčím ve webu lámat hlavu,
nenechávejte si to pro sebe a @napište mi to.
Zkusím stránky upravit...