Alapfokú html tanfolyam 17. rész

Űrlapok II.

Az űrlapok sok egyéb funkcióval felruházhatók, melyeket manapság egy windows-os programtól elvárunk. A kiválasztás (selection) úgy valósítható meg, hogy a <select> </select> jelek közé elhelyezzük a választási lehetőségeket (option). Az <option> jelek mögé helyezzük a megfelelő opciót.

<form>
<FORM METHOD="POST" ACTION="script.cgi">
Kedvenc böngészője:Választás:<SELECT NAME="bongeszo">
<OPTION>Explorer
<OPTION>Navigator
<OPTION>Lynx
<OPTION>Mosaic
</SELECT>
</form>

Melynek eredménye:

Kedvenc böngészője:

Előre maghatározhatjuk, hogy az opciók közül melyik jelenjen meg a képernyőn alaphelyzetben. Ha nem írunk be semmit, akkor az első fog megjelenni.

<form>
<FORM METHOD="POST" ACTION="script.cgi">
Kedvenc böngészője:Választás:<SELECT NAME="bongeszo">
<OPTION>Explorer
<OPTION selected>Navigator
<OPTION>Lynx
<OPTION>Mosaic
</SELECT>
</form>

Melynek eredménye:

Kedvenc böngészője:

Ha az <OPTION> helyett <OPTION value=x>-et írunk, akkor a választott név helyett az űrlapot értékelő rutin az x értéket fogja kezelni. Egyszerre több értéket is választhatunk, ha a multiple (többszörös) beállítást választjuk.

<form>
<FORM METHOD="POST" ACTION="script.cgi">
Kedvenc böngészője:Választás:<SELECT NAME="bongeszo" multiple >
<OPTION>Explorer
<OPTION>Navigator
<OPTION>Lynx
<OPTION>Mosaic
</SELECT>
</form>

Melynek eredménye:

Kedvenc böngészője:

Ha nem akarjuk, hogy az összes opció látszódjék, akkor a size attribútumot is be kell állítani. Alábbi példánkban a mérete kettő.

<form>
<FORM METHOD="POST" ACTION="script.cgi">
Kedvenc böngészője:Választás:<SELECT NAME="bongeszo" multiple size=2>
<OPTION>Explorer
<OPTION>Navigator
<OPTION>Lynx
<OPTION>Mosaic
</SELECT>
</form>

Melynek eredményeként az alábbiakat kapjuk:

Kedvenc böngészője:

Előzmény
Folytatás
Vissza
Előre