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
4.
Značka <input type="checkbox>
Zápis:
<form action="formularprvky2.php" method="post" name="formular">
<input name="jmenocheckbox1" type="checkbox" value="hodnota1" checked="checked">zaškrtávací políčko 1<hr>
<input name="jmenocheckbox2" type="checkbox" value="hodnota2">zaškrtávací políčko 2
<input name="jmenoradio" type="radio" value="0" >rádio 0
<input name="jmenoradio" type="radio" value="1" checked="checked">rádio 1
<input name="jmenoradio" type="radio" value="2" >rádio 2<hr>
<input name="jmenoreset" type="reset" value="SMAZAT">RESET<hr>
<input name="jmenosubmit" type="submit" value="OK">poslat<hr>
</form>
Se zobrazí jako:
- zaškrtávací tlačítka
type="checkbox"
Atributy
|
Povinné
|
Nepovinné
|
Popis
|
accesskey
|
|
ano
|
klávesová zkratka např.
accesskey="K"
|
checked
|
|
ano
|
zda je zašktnuto
|
disabled
|
|
ano
|
zablokovaný prvek nedá se vybrat, nelze editovat a data se neposílají
|
name
|
ano
|
|
název prvku potřebný ke zpracování odeslaných dat
|
notab
|
|
ano
|
nelze se dostat na prvek klávesou TAB, stejné jako
tabindex=0
|
onClick
|
|
ano
|
při kliknutí na prvek
|
readonly
|
|
ano
|
prvek se dá vybrat data se posílají, ale nelze editovat
|
tabindex
|
|
ano
|
pořádí prvku pro klávesu TAB
|
taborder
|
|
ano
|
stejné jako tabindex
|
value
|
ano
|
|
odesílaná hodnota prvku
|
5.
Značka <input type="radio>
- rádiová přepínací tlačítka
type="radio"
Rádiová tlačítka se stejnou hodnotou atributu
name
tvoří skupinu.
Atributy
|
Povinné
|
Nepovinné
|
Popis
|
accesskey
|
|
ano
|
klávesová zkratka např.
accesskey="K"
|
checked
|
|
ano
|
zda je zašktnuto
|
disabled
|
|
ano
|
zablokovaný prvek nedá se vybrat, nelze editovat a data se neposílají
|
name
|
ano
|
|
název prvku potřebný ke zpracování odeslaných dat
|
notab
|
|
ano
|
nelze se dostat na prvek klávesou TAB, stejné jako
tabindex=0
|
onClick
|
|
ano
|
při kliknutí na prvek
|
readonly
|
|
ano
|
prvek se dá vybrat data se posílají, ale nelze editovat
|
tabindex
|
|
ano
|
pořádí prvku pro klávesu TAB
|
taborder
|
|
ano
|
stejné jako tabindex
|
value
|
ano
|
|
odesílaná hodnota prvku
|
6.
Značka <input type="file>
Zápis: připravte si adresář ./upload na serveru, kde budete ukládat soubory (nastavte práva chmod na zápis)
<form action="formularprvky3.php" method="post" name="formular" enctype="multipart/form-data">
<input name="jmenofile" type="file">
<input name="jmenoreset" type="reset" value="SMAZAT">RESET<hr>
<input name="jmenosubmit" type="submit" value="OK">poslat<hr>
</form>
Se zobrazí jako:
Skript PHP formularprvky3.php, který data zpracuje:
<?php
// Ve verzi starši než PHP 4.1.0 použijte $HTTP_POST_FILES místo $_FILES.
$adresarulozeni = './upload/'; //adresář, kde budete ukládat soubory (nastavte práva chmod)
$ulozenysoubor = $adresarulozeni.basename($_FILES['jmenofile']['name']); //zde musíte dát hodnotu atributu name souboru
echo '<pre>';
if (move_uploaded_file($_FILES['jmenofile']['tmp_name'], $ulozenysoubor)) { //zde musíte dát hodnotu atributu name souboru
echo "Soubor je v pořádku a uložen.\n";
} else {
echo "Podezřelý soubor!\n";
}
echo 'Zde jsou informace o souboru:';
print_r($_FILES);
print "</pre>";
?>
Atributy
|
Povinné
|
Nepovinné
|
Popis
|
accept
|
|
ano
|
seznam povolených typů souborů v kódu MIME
|
accesskey
|
|
ano
|
klávesová zkratka např.
accesskey="K"
|
disabled
|
|
ano
|
zablokovaný prvek nedá se vybrat, nelze editovat a data se neposílají
|
maxlength
|
|
ano
|
maximální délka
|
name
|
ano
|
|
název prvku potřebný ke zpracování odeslaných dat
|
notab
|
|
ano
|
nelze se dostat na prvek klávesou TAB, stejné jako
tabindex=0
|
onBlur
|
|
ano
|
při deaktivaci prvku
|
onChange
|
|
ano
|
při změně hodnoty prvku
|
onClick
|
|
ano
|
při kliknutí na prvek
|
onFocus
|
|
ano
|
při aktivaci prvku
|
readonly
|
|
ano
|
prvek se dá vybrat data se posílají, ale nelze editovat
|
size
|
|
ano
|
délka prvku
|
tabindex
|
|
ano
|
pořádí prvku pro klávesu TAB
|
taborder
|
|
ano
|
stejné jako tabindex
|
value
|
|
ano
|
odesílaná hodnota prvku
|
Úkol:
Vytvořte zde odkaz na Vaší stránku, kde budou dva formuláře
- odešle hodnoty textového pole, hesla a hodnotu přepínacího tlačítka (php skript zde)
- umožní uložení malého textového souboru (php skript zde)