HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

HTML - Lenyíló lista (select)


<select...> </select>

A lenyíló lista(select):

Név Angol eredete Hatás Jellemzők
<select> Select Lenyíló lista létrehozására szolgáló páros címke. Általános ; Események
<option> Option Lenyíló lista elemeinek megadására szolgáló páros címke. Általános ; Események

A nyitó és záró címkéje között elhelyezett <option> címkékben megadott értékek közül lehet kiválasztani alapesetben egyet, de a multiple jellemző megadása esetén akár többet is.

A lenyíló lista(select) jellemzői:

Név Érték Leírás Böngészők
disabled disabled Segítségével az elem kikapcsolható. (Nem lehet szerkeszteni. Értéke nem kerül elküldésre.) Chrome logó Firefox logó Safari logó Opera logó IE logó
multiple multiple Több elem kiválasztását teszi lehetővé. Chrome logó Firefox logó Safari logó Opera logó IE logó
name szöveg Az elem neve. Az adatok feldolgozását végző scriptek, az elem azonosítására használják. Chrome logó Firefox logó Safari logó Opera logó IE logó
size szám Segítségével állítható be, hogy hány listaelem legyen megjelenítve. Chrome logó Firefox logó Safari logó Opera logó IE logó
autofocus autofocus Hatására a weboldal betöltését követően az elem kapja meg a fókuszt. (aktív lesz) Chrome logó Safari logó Opera logó IE logó
form form_id Megadja, hogy az adott elem melyik űrlaphoz tartozik. Chrome logó Firefox logó Safari logó Opera logó
required required Kötelező a beviteli mező kitöltése. (Ha a mező nincs kitöltve, az űrlap nem továbbítható.)

Az (option) elem jellemzői:

Név Érték Leírás Böngészők
disabled disabled Segítségével az elem kikapcsolható. (Nem lehet szerkeszteni. Értéke nem kerül elküldésre.) Chrome logó Firefox logó Safari logó Opera logó IE logó
value szöveg Az itt megadott érték kerül továbbításra a szerver felé a kiválasztott elemek esetén. Chrome logó Firefox logó Safari logó Opera logó IE logó
label szöveg A listaelem felirata. Amennyiben megadjuk, akkor ez jelenik meg adott listaelemnél. Egyébként a nyitó és záró címkék közötti szöveg. Chrome logó Firefox logó Safari logó Opera logó IE logó
selected selected Alapértelmezetten kiválasztott. (Az oldal betöltésekor ki lesz választva.) Chrome logó Firefox logó Safari logó Opera logó IE logó


A name jellemző értékét és a kiválasztott elem(ek) value jellemzőjének értékét küldi el a böngésző, az űrlap feldolgozását végző fájlnak.

Az <option> elem selected jellemzőjével a listában bármelyik elem alapértelmezetten kiválasztottá tehető. A disabled jellemzővel a tílthatjuk az elemet.

1. példa:

Forráskód



<form action="html5_select_1.php"  method="post">

   <select name="select1" size=”3”>
      <option value="pc">Komplett PC</option>
      <option value="laptop">Laptop</option>
      <option value="alaplap" selected>Alaplap</option>
   </select>

   <select name="select2" size=”1”>
      <option value="gyarto1">Gyártó 1</option>
      <option value="gyarto2">Gyártó 2</option>
      <option value="gyarto3">Gyártó 3</option>
      <option value="gyarto4" selected>Gyártó 4</option>
   </select>

  <br>
  <input type="submit" name="submit"  >				
</form>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.