Formuláre

Formuláre slúžia na získavanie informácií od návštevníka vašich stránok. Vo formulári definujete údaje, ktoré vás zaujímajú a spôsob ich vyplnenia. Vyplnený formulár je potom odoslaný na server, kde beží nejaký obslužný program - skript - a spracovaný, alebo jeho obsah je poslaný e-mailom na vami definovanú adresu.

zdrojový text
<form method="post" action="mailto:posli@mail.sk"></form>

funkcia
obsah formulára pošle na vami definovanú adresu

• method="post" alebo"get"
• action - meno súboru alebo cesta k súboru, ktorý obsahuje skript alebo "mailto:adresa@domena.sk"

Formulár môže byť vytvorený pomocou popisov a funkčných prvkov uvedených medzi <form> a </form>.

Jednoriadkové vstupné pole pre text

zdrojový text:
<input type="text" name="prvy" size="25">

zobrazí sa:


• type - typ prvku
• name - názov prvku
• value - hodnota prvku
• size - veľkosť textového políčka
• maxsize - maximálna veľkosť vstupného textu

Jednoriadkové vstupné pole pre text, zadávaná hodnota sa nezobrazuje

zdrojový text:
<input type="password" name="druhy" size="25">

zobrazí sa:

Zaškrtávacie políčko - umožňuje vybrať aj túto možnosť

zdrojový text:
Chcete byť informovaní o aktualizácii týchto stránok?
<input type="checkbox" name="tretia" value="1" checked>
áno

zobrazí sa:
Chcete byť informovaní o aktualizácii týchto stránok?

áno

• ak uvediete aj "checked" políčko bude zaškrtnuté

Prepínacie políčko - umožňuje vybrať práve jednu možnosť

zdrojový text:
Ktorý deň v týždni periete?<input type="radio" name="stvrty" value="utorok">
<input type="radio" name="stvrty" value="streda">
<input type="radio" name="stvrty" value="štvrtok">

zobrazí sa:

Ktorý deň v týždni periete?
Utorok
Streda
Štvrtok

Textová plocha - viac miesta na zadávanie textu

zdrojový text:
<textarea name="piaty" rows="5" cols="25">

zobrazí sa:

• cols - počet stĺpcov
• rows - počet riadkov
• name - meno prvku
• wrap - zalomenie textu, "off" = text sa nezalamuje a presahuje riadok, "virtual" - riadky sa zalamujú, "physical" - zalomenie riadkov je i odoslané

Rozbalovací zoznam - umožňuje vybrať jednu možnosť zo zoznamu

zdrojový text:
<select name="zoznam" size="1">
<option value="1">Starý Smokovec</option>
<option value="2">Horný Smokovec</option>
<option value="3">Dolný Smokovec</option>
</select>

zobrazí sa:

Odoslanie údajov uvedených vo formulári zabezpečuje tlačítko SUBMIT.

zdrojový text:
<input type="submit" name="OK" value="Odoslať">

zobrazí sa

Vymazanie údajov uvedených vo formulári zabezpečuje tlačítko RESET.

zdrojový text
<input type="reset" name="NO" value="Vymazať">

zobrazí sa