Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

Formuláře

  1. Příklad jednoduchého formuláře
  2. Značka <form>
  3. Značka <input>
  4. Značka <input type="checkbox>
  5. Značka <input type="radio>
  6. Značka <input type="file>
  7. Značka <input type="image>
  8. Značka <input type="button>
  9. Značka <input type="reset>
  10. Značka <input type="submit>
  11. Značka button
  12. Značka textarea
  13. Značka select
  14. Značka option
  15. Značka optgroup
  16. Značka label
  17. Značka fieldset
  18. Značka legend

16. Značka label

Popis ovládacího prvku.

Zápis: 
<form action="formular.php" method="get" name="formular">
    <label for="jmenotext">Napište něco </label>
    <input name="jmenotext" type="text" value="text"><br>
    <label>Odeslat <input name="poslat" type="submit" value="OK"></label> 
</form>
Se zobrazí jako:

Příklad ukazuje dva způsoby:
  1. for="jmenotext" , se odkazuje na id="jmenotext"
  2. <label> značka </label>
Další atributy: accesskey , class , dir , id , lang , name , style , title a atributy událostí ( onBlur , onClick , onDblClick , onFocus , onKeyDown , onKeyPress , onKeyUp , onMouseDown , onMouseMove , onMouseOut , onMouseOver , onMouseUp .

17. Značka fieldset

Vytvoří oddíl ve formuláři.
Atributy: class , dir , id , lang , style , title a atributy událostí ( onClick , onDblClick , onKeyDown , onKeyPress , onKeyUp , onMouseDown , onMouseMove , onMouseOut , onMouseOver , onMouseUp .

18. Značka legend

Popis oddílu ve formuláři.
Atributy: accesskey , align , class , dir , id , lang , style , title a atributy událostí ( onClick , onDblClick , onKeyDown , onKeyPress , onKeyUp , onMouseDown , onMouseMove , onMouseOut , onMouseOver , onMouseUp .

Zápis: 
<form action="formular.php" method="get" name="formular">
    <fieldset>
    <legend>Jednoduchý formulář</legend>
        <label for="jmenotext">Napište něco </label>
        <input name="jmenotext" type="text" value="text" id="jmenotext"><br>
        <label>Odeslat <input name="poslat" type="submit" value="OK"></label>
    </fieldset>
</form>
Se zobrazí jako:
Jednoduchý formulář
Úkol: Vytvořte zde takovýto formulář: (php skript zde)

Názvy prvků:
  1. jmeno
  2. pohlavi
  3. plavec
  4. poznamka
  5. jazyky[]
úkol

Data zpracuje PHP skript: ukol.php . Je přiložen.

Například s tímto výsledkem: 
	Jméno: NoName
Pohlaví: muž
Umíte plavat

Poznámka:
Napište něco o sobě

Znalost jazyků:
italština aktivně
angličtina pasivně
zpět
© 2007 Pro výuku na SPŠ Zlín připravil RNDr. Vladimír Vaščák