<< 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
<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č
<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í
<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
<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>