Formuláře

mapě

Formuláře – výběr ze seznamu

Seznam položek

Každá položka má text a může mít definovanou hodnotu

Jednořádkový seznam je rozbalovací (dropdown)

Víceřádkové seznamy se zobrazují s posuvníkem

Výběr může být jedno či vícepoložkový (atribut multiple)

Položky v seznamu se mohou sdružovat

Explicitně vybrané položky jsou označeny atributem 

selected="selected"

Formuláře – výběr ze seznamu

<form 

action="http://amun.felk.cvut.cz/vypis_form.php" method="post">

<div>Vyber svého hrdinu</div>
<select name="jeden_hrdina">

<option value="1">Bart</option>
<option value="2">Lisa</option>
<option value="3">Homer</option>
<option value="4">Marge</option>

</select>

<select name="vice_hrdinu[]" multiple="multiple">

<optgroup label="Děti">

<option value="1">Bart</option>
<option value="2">Lisa</option>

</optgroup>
<optgroup label="Dospělí">

<option value="3">Homer</option>
<option value="4">Marge</option>

</optgroup>    

</select>
<input type="submit" name="odeslat" value="Odeslat">
</form>

Výběr 0-1 z N

Výběr 0-M z N

Skupina

Formuláře – výběr ze seznamu

Formuláře - textarea

Dlouhý text

Pozor, je to párová značka

<form 

action="http://amun.felk.cvut.cz/vypis_form.php" method="post">
<div>Napiš svému hrninovi</div>

<textarea name="dlouhy_text">

Sem napiš co chceš :-)
</textarea>

<input type="submit" value="Odeslat" name="odeslat" >

</form>

Formuláře textarea

Formuláře – další náležitosti

Každá (viditělná) formulářová položka musí mít přiřazený 
popisek

Speciální značka <label>

Popisek je s formulářovým polem svázán pomocí atributu 

for

Formuláře mají být přístupné i bez myši

atribut 

tabindex

definuje pořadí při přístupu přes klávesu 

TAB

atribut 

accesskey 

přiřazuje přístupovou klávesu

Formuláře – další náležitosti

<form 

action="http://amun.felk.cvut.cz/vypis_form.php" method="post">

<div>

<label for="jmeno">Jméno</label>
<input tabindex="1" accesskey="j" type="text"