Formuláře
-
Příklad jednoduchého formuláře
-
Značka <form>
-
Značka <input>
-
Značka <input type="checkbox>
-
Značka <input type="radio>
-
Značka <input type="file>
-
Značka <input type="image>
-
Značka <input type="button>
-
Značka <input type="reset>
-
Značka <input type="submit>
-
Značka button
-
Značka textarea
-
Značka select
-
Značka option
-
Značka optgroup
-
Značka label
-
Značka fieldset
-
Značka legend
1.
Příklad jednoduchého formuláře
Zápis:
<form action="formular.php" method="get" name="formular">
<input name="jmenotext" type="text" value="napiste neco">
<input name="poslat" type="submit" value="OK">
</form>
Se zobrazí jako:
2.
Značka <form>
Adresa aplikace, která zpracuje data. Pokud máte přístup na webový server (adresář
cgi-bin
), můžete zde mít aplikaci, která dat zpracuje. To nebude náš případ. My budeme data zpracovávat většino PHP skriptem.
Ukázka PHP skriptu
formular.php
:
<?php
$jmenotext = $_GET["jmenotext"];
echo $jmenotext;
?>
Existují dvě metody:
get
- data se připojí k adrese URL (
http://www.spszl.cz/~student/formular.php?jmenotext=napiste+neco&poslat=OK
)
post
- data se posílají v samostatném přenosu
Metoda
get
je rychlejší, ale může mít omezenou délku. Metoda
post
je bezpečnější.
Metody
get
můžete využít k posílaní parametru ve značce
<a>
metodu
post
použít nemůžete.
- Data odeslaná elektronickou poštou.
Příklad:
Se zobrazí jako:
Při odesílání je vhodné zadat hodnotu atributu
enctype
jako
"text/plain"
.
Možné hodnoty:
text/plain
- prostý text
multipart/form-data
- data jsou odeslána v těle HTTP požadavku (
method='post'
), zakódují se do formátu MIME
application/x-www-form-urlencoded
- data z formuláře jsou připojena za URL ve tvaru
jméno=hodnota
) jednotlivé údaje jsou odděleny znakem
?
a ampersandem
&
- atribut
accept-charset
seznam znakových sad
Do kterého okna se zobrazí výsledek zpracování. (
Rámce
)
- atributy
id
,
name
,
title
Probírali jsme.
- atributy
class
,
style
,
lang
,
dir
Probírali jsme.
- atributy událostí (
onClick
,
onDblClick
,
onKeyDown
,
onKeyPress
,
onKeyUp
,
onMouseDown
,
onMouseMove
,
onMouseOut
,
onMouseOver
,
onMouseUp
,
onReset
,
onSubmit
)
Příklad:
<form action="formular2.php" method="post" name="formular" onSubmit="window.alert('Posílám data.')">
<input name="jmenotext" type="text" value="napiste neco">
<input name="poslat" type="submit" value="OK">
</form>
Se zobrazí jako: