HTML - formuláře úvod(9)

HTML - tvorba fomulářů a ukázky spojení se serverovými scripty

Co je to formulář?

Formulář si lze představit jako normální formulář na papíře, do kterého lze doplńovat text - do volných polí. V HTML je to stejné. Formulář má funkci, a to "přebrat" data z webu a dále s nimi pracovat(výpočty, vložení do databáze atd.). V HTML se formulář jen vytvoří. Pracovat s nimi HTML neumí, na to jsou potřeba scriptovací jazyky: PHP, JavaScript atd.

Využití

Formuláře se používájí hlavně(spíš výhradně) pro příjem dat z webu, následně jsou zpracovány. Zpracovávají se většinou serverový scripty - PHP, ASP, CGI.

První nejjednodušší formulář

Ten první formulář, který si ukážeme vlatně skoro ani formulářem není, protože je jenom tlačítko, které odkazuje na nějakou stránku jako odkaz. Příklad:


<form action="priklady-html/xxx.htm">
  <input type=submit value=odesli!>
</form>

(Takhle vypadá - zkuste!)
Prostě odkaz na jinou stránku v podobě tlačítka. Rozboz:

form - tím začíná každý webový formulář
- action - stránka či script, který bude formulář zpracovávat
input - definuje prvek formuláře
- type - definuje o jaký prvek půjde(tlačítko, vstupní formulář atd.)
- value - hodnota

Vstupní pole ve formuláři

Vstupní je první pořádný formulář, poněvadž už jej lze na stránce použít. Vypadá nějak takto(po odeslání se podívejte na jméno souboru a to co je za otazníkem): Za otazníkem by mělo být: "vstup=to co jste zadali", takže takhle lze pracovat s formuláři. Serverový script to jednoduše přečte, a tím je nadefinována proměnná vstup - můžeme ji třeba vypsat v PHP: echo $vstup;. Zdroj:


<form action="priklady-html/xxx.htm">
zadejte vstup: <input type=text size=16 name="vstup">
  <input type=submit value=odeslat>
</form>

Novinky rozbor:

type="text" - prvek se zobrazí jako vstupní pole
size - velikost
name - jméno prvku, takto se bude jmenovat i ta proměnná