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    

Lenyíló listaelem csoport


<select...><optgroup...>...</optgroup></select>

A lenyíló listaelem csoport (optgroup):

Név Angol eredete Hatás Jellemzők
<optgroup> Option group Többszintű lenyíló lista létrehozására szolgáló páros címke. Általános ; Események

A <optgroup> (option group) páros címke segítségével többszintű lenyíló listát lehet létrehozni. Hosszabb lista segítségével lényegesen könnyebben áttekinthetővé tehető.

A lenyíló listaelem csoport (optgroup)jellemzői:

Név Érték Leírás Böngészők
label szöveg A legördülő listaelem csoport nevét állítja be. Chrome logó Firefox logó Safari logó Opera logó IE logó
disabled disabled A legördülő listaelem csoport letiltása Chrome logó Firefox logó Safari logó Opera logó IE logó


1. példa:

Forráskód



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

  <select name="select1">
    <optgroup label="Komplett PC"> 
      <option  value="pc1">Iroda 1</option>
      <option  value="pc23">Multimédia 3</option>
    </optgroup>
    <optgroup label="Laptop"> 
       <option value="laptop22">LT 213</option>
       <option value="laptop23"> LT 214 </option>
    </optgroup>
  </select> 

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