<< CSS - kaskádové styly | HTML stránky | HTML kód >>
Formuláře
- důležitý prvek webu pro zajištění komunikace uživatele s webovou aplikací
- zajištění čtení, vyhledávání, zadávání a odesílání dat
- vlastní zpracování dat proběhne až pomocí programového skriptu
- v prohlížeči pomocí JavaScriptu - editace, zpracování a zobrazení dat
- na webovém serveru pomocí PHP, .NET, Javy - načtení, vyhledání a uložení dat
Struktura formuláře
- Formulář -
<form>- Sekce formuláře -
<section> - Skupiny polí - rámečky
<fieldset> - Nadpisy sekcí a skupin -
<legend> - Popisky polí -
<label>
- Sekce formuláře -
Formulářové prvky
INPUT - vstup
- TEXT - textové pole
1 2 3 4 5 6 7 | <form> <label>Jméno:</label><br /> <input type="text" name="jmeno"> <br /> <label>Příjmení:</label><br> <input type="text" name="prijmeni"></form> |
- RADIO - přepínač
1 2 3 4 5 6 7 8 | <form> <fieldset> <legend>Pohlaví</legend> <input type="radio" name="pohlavi" value="muž" checked>Muž <br /> <input type="radio" name="pohlavi" value="žena">Žena </fieldset></form> |
- SUBMIT - tlačítko pro odeslání
1 2 3 4 5 6 7 8 9 10 11 12 | <form action="action_page.php"> <fieldset> <legend>Osobní údaje</legend> <label>Jméno</label><br> <input type="text" name="jmeno" value="Josef"> <br> <label>Příjmení</label><br> <input type="text" name="lastname" value="Nymš"> <br><br> <input type="submit" value="Odeslat"> </fieldset></form> |
SELECT - rozbalovací seznam
1 2 3 4 5 6 | <select name="vyrobciAut"> <option value="bmw" selected>BMW</option> <option value="equus">Equus</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option></select> |
