110 likes | 240 Views
Html - formuláře. Formuláře jsou důležitou součástí stránek, slouží: k přihlašování k některým stránkám ( eshopy , bakaláři, diskuze na webu apod.) k odeslání údajů do databáze k vyplnění anketních otázek. K čemu slouží formuláře. Samotné HTML neumí formulář zpracovat a odeslat.
E N D
Formuláře jsou důležitou součástí stránek, slouží: k přihlašování k některým stránkám (eshopy, bakaláři, diskuze na webu apod.) k odeslání údajů do databáze k vyplnění anketních otázek K čemu slouží formuláře
Samotné HTML neumí formulář zpracovat a odeslat. K odeslání dat z formuláře je potřeba skript, např. nějaký php soubor – zpracuj .php Problém lze řešit odesláním emailem, ale uživatel musí mít ve svém počítači nainstalován poštovní klient Outlook. Odeslání formulářů
Formulář je definován párovým tagem<form> </form> Atributy tagu <form> action - skript, který zpracovává data, např. zpracuj.php method– metoda, kterou mají být data poslána, může mít hodnotu post nebo get Vytvoření formuláře
Vstupní pole začínají nepárovým tagem<input> atributy tagu <input>: type – druh vstupního pole name–jméno pole, které se odesílá s daty value –hodnota pole nebo text zobrazovaný na tlačítku Vstupní pole
text – textové pole password – heslo, text ve znacích checkbox– zaškrtávací políčko radio – přepínač submit – tlačítko, které odešle formulář reset – tlačítko na smazání všech polí file - slouží k zadání cesty k soubor, přenáší celý soubor Možnosti Atributu type
Dotazník <formmethod="get"> Napište svoje jméno<br> <input type="text" name="jmeno" maxlength="30" size="50"><br> Příklad formuláře textové pole
Jsi muž?<br> <input type="radio" name="muz" value="ano">ano <input type="radio" name="muz" value="ne">ne <br> Příklad formuláře přepínač
Vyber svoji třídu<br> <selectname="trida"> <optionvalue="prima">Prima <optionvalue="sekunda">Sekunda <optionvalue="tercie">Tercie <optionvalue="kvarta">Kvarta </select><br > Příklad Formuláře rozevírací nabídka
Vyber oblíbené předměty<br> <input type="checkbox" name="oblibene1" value="matematika" >Matematika<br> <input type="checkbox" name="oblibene2" value="čeština" >Čeština<br> <input type="checkbox" name="oblibene3" value="informatika" >Informatika<br> <input type="checkbox" name="oblibene4" value="tělocvik" >Tělocvik<br> Příklad Formuláře zaškrtávací políčka
<input type="submit" value="Odeslat"> Příklad formuláře odeslaná data tlačítko pro odeslání