Formuláře (úvod)

Jednoduchý formulář s editačními řádkami (obyčejnou a pro heslo) a tlačítkem

Login:


Heslo:



Jednoduchý formulář s různými typy tlačítek

Login:

Heslo:

Odešle obsah formuláře na server
Vymaže všechny údaje z formuláře (případně nahradí těmi defaultními)
Po stisknutí se nestane nic (není definovaná obsluha události)
Po stisknutí se zobrazí zpráva

Další základní typy ovládacích prvků

Přepínací a zaškrtávací tlačítka, vytvoření skupiny ovládacích prvků

Platba Dobírkou
Převodem
Platební kartou
Nečekejte, že zaplatím

Další:
Seznámil(a) jsem se s obchodními podmínkami
Chci zasílat novinky

(po stisknutí se podívejte do záhlaví prohlížeče)

Textová pole

Kniha přání a stížností:

S kontrolou pravopisu (en):

(po stisknutí se podívejte do záhlaví prohlížeče)

Textový řádek ... různé vlastnosti

Login:
Jen na čtení



Maximálně 10 znaků

Pole, které má fokus při obnovení stránky.

Skryté pole

Zadaná šířka

Automatické doplňování textu

Nápověda (HTML5)

Povinné pole (HTML5)

Seznamy

Doprava:


Doprava:

Doprava (je možné vybrat více hodnot):

Doprava (seznam se skupinami položek):

Způsob dopravy (HTML5, seznam přednastavených hodnot):


Zpracování formuláře

Odeslání formuláře (metoda post):
Login:

Odeslání formuláře (metoda get):
Login:

Odeslání formuláře (metoda post, vytvořený dokument je otevřen v novém okně):
Login:

Odeslání formuláře (metoda post, vytvořený dokument je zobrazen v podokně):
Login:


Odeslání formuláře (metoda post i get, HTML5, atributy form, formmethod, formaction, formtarget):
Login 1: (ovládací prvek patřící k formuláři s daným id)
Login 2:


Osobní informace Jméno:


Příjmení:


Platba Dobírkou
Převodem
Platební kartou
Nečekejte, že zaplatím

Poslání formuláře emailem

Osobní informace Jméno:


Email:


Text zprávy:


Další novinky v HTML 5

Další ovládací prvky (HTML 5, s různou podporou různých prohlížečů)

color

date

date (s atributy min, max)

datetime-local

month

week

time

email

number

number (s atributy min, max, step)

range

search

file

tel

url

Atribut pattern (HTML 5)

Jméno:


Příjmení:


RČ:


Adresa:


PSČ:


Kód státu:

Webový server

Například Apache: XAMPP distribuce vhodná pro lokální testování

Svou webovou prezentaci můžete rovněž vložit na fakultní web: \\fjfi.cvut.cz\ark\www2\username
Více informací na stránce: http://it.fjfi.cvut.cz/storage.html

Odeslání formuláře (metoda post): vyzkoušejte si pustit skript lokálně:
Login 1: Login 2: