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:
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:
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:
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: