January 30, 2023

HTML gyorstalpaló 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 meghatá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: