Každý občas potřebuje udělat nějaký jednoduchý formulář do kterého uživatel zadá data a script je nějak zpracuje. Chtěl bych zde vysvětlit vytvoření formuláře, přenos dat do scriptu a zpracování dat na jednoduchém příkladu. Jednoduchý je proto, protože se data jen zpracují a nikde se nebudou ukládat. V tomto příkladě nebudeme používat žádné databáze. Počítám s tím, že základní syntaxi HTML stránky již znáte. Proto zapisuje jen jednoduše, jako náznak toho, že tam jsou tagy HEAD, HTML, BODY atd. Pokud neznáte základy HTML, tak ZDE naleznete odpověď.
V minulém článku jsem zmínil načítání dat z formuláře a proměnné. Článek ZDE.
Jak vytvořit formulář
Formulář může obsahovat mnoho polí. Zde si ukážeme pouze základ. Budeme chtít vytvořit formulář, ze kterého potom vypíšeme zpět uživateli jeho data. Důležité syntaxe, které použijeme:
<form></form>– začátek a konec formuláře- action=”” – tento zápis nám říká, do jakého souboru se odešlou data z formuláře. Tj jaký soubor data zpracuje
- method=”” – metoda přenosu dat. POST – data jdou skrytě v protokolu. GET – data jsou zobrazena za doménou a otazníkem, uživatel je při přenosu vidí.
- name=”” – název pole, ze kterého budeme načítat data. (tento název bude potřeba ve scriptu při načítání dat)
- placeholder =”” – nepovinná věc. Zde se dá určit šedý text v poli, který se zobrazuje před psaním
- value=”” – nápis v odesílacím tlačítku
<br>– vše za tímto zápisem bude na dalším řádku
<html> <head> </head> <body> <form action="zpracovani.php" method="post"> Zde vaše jméno: <input type="text" name="jmeno" placeholder="Povinné pole *"> <br> Zadejte rok narození: <input type="text" name="narozeni" placeholder="Povinné pole *"> <br> Zadejte město: <input type="text" name="mesto" placeholder="Povinné pole *"> <br> <input type="submit" value="Odeslat"> </form> </body> </html>
Máme tedy nastaveno, že data se mají odeslat do zpracovani.php metodou POST.
Takto vytvořený formulář vypadá asi takto:
Vše se má ale odeslat do souboru zpracovani.php a ten musíme vytvořit
Pokračujte prosím na další stránku
Bože, vždycky jsem si říkal, proč ty weby vypadají tak, jak vypadají. už se tak 10 let nepoužívá, stejně tak chybí zmíňka o labelech a obecných atributech. O validaci vstupů ani nemluvě!
Chápu, že tohle je článek pro naprosté začátečníky, ale když si tohle přečte úplný začátečník, zjistí, že to funguje a bude to tak dělat už napořád.
A s takovýma lidma je pak radost spolupracovat.