Prvky formulárov

1. Textové pole (TYPE=TEXT)

<input type=text name=pozdrav value="Napíš požadovaný pozdrav" size=60">

2. Tlačítko na odosielanie formulára (TYPE=SUBMIT)

<input type=submit value="Odoslať">

3. Tlačítko na resetovanie formulára (TYPE=RESET)

<input type=reset value="Obnoviť">

4. Bežné tlačítko (TYPE=BUTTON)

<input type=button value="Skús stlačiť">

5. Obrázkové tlačítko odosielania (TYPE=IMAGE)

<input type=image name=obrazok src=picture/php.gif>

5. Heslo (TYPE=PASSWORD)

<input type=password name=heslo value=abc>

6. Prepínacie tlačítka (TYPE=RADIO)

 <input type=radio name=predmet value="Matematika"> Matematika <br>
 <input type=radio name=predmet value="Fyzika" checked> Fyzika <br>
 <input type=radio name=predmet value="Ekonomika"> Ekonomika <br>

 Matematika

 Fyzika

 Ekonomika

7. Zaškrtávacie pole (TYPE=CHECKBOX)

 <input type=checkbox name=predmet[] value="Matematika"> Matematika <br>
 <input type=checkbox name=predmet[] value="Fyzika" checked> Fyzika <br>
 <input type=checkbox name=predmet[] value="Ekonomika"> Ekonomika <br>

 Matematika

 Fyzika

 Ekonomika

8. Skryté pole formulára (TYPE=HIDDEN)

<input type=hidden name="názov" value="hodnota">

 

9. Súbor (TYPE=FILE)

<input type=file name=obr>

10. Zoskupovanie formulárových prvkov

Ak sa chystáte vytvárať rozsiahlejšie formuláre, prídu vám určite vhod elementy FIELDSET LEGEND, ktoré vám umožnia rozdeliť formulár na prehľadnejšie časti. Tág GIELDSET je párový a ohraničí skupinu prvkov tenkou čiarou. Nadpis takejto skupiny môžte vytvoriť druhým tágom LEGEND, ktorý je tiež párový. V tágu LEGEND je zavedený atribút accesskey, ktorý umožňuje stlačením kláves ALT + nastavený kláves aktivovať príslušnú skupinu (ak túto funkciu podporuje prehliadač).

11. Zoznam

Zoznam sa používa, ak chceme užívateľovi ponúknuť jednu, alebo viac položiek prednastaveného zoznamu položiek. Použitím atribútu multiple umožníme viacnásobný výber.

<select size="1" name="zoznam">
 <option>Renault</option>
 <option selected>Opel</option>
 <option>Fiat</option>
 <option>Škoda</option>
 </select>

11.1. Hierarchický zoznam

Pokiaľ do zoznamu uvedieme veľké množstvo položiek stane sa výber dosť neprehľadný. Z tohto dôvodu je zavedený párový tág OPTGROUP, ktorý umožní hierarchické rozčlenenie zoznamu do prehľadnejších skupín. Text určujúci názov skupiny je uvedení pomocou atribútu label.

Základná syntax:

<select>
 <optgroup label=názov 1. skupiny>
 <option>Položka 1</option>
 <option>Položka n</option>
 </optgroup>
 <optgroup label=názov 2. skupiny>
 <option>Položka 1</option>
 <option>Položka n</option>
 </optgroup>
 <select>

12. Viacriadkový text

<textarea name="textove pole" rows="4" cols="24">Tu napíšte vaše pripomienky</textarea>