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    

Engedélyezett-tiltott kijelölők.


Az :enabled álosztály szelektor segítségével kijelölhetünk bármilyen engedélyezett HTML elemet (amelyek rendelkezik enabled és disabled állapotokkal), de elsősorban űrlapelemek kijelölésére szolgál.

A :disabled álosztály szelektor segítségével kijelölhetünk bármilyen tiltott HTML elemet (amelyek rendelkezik enabled és disabled állapotokkal), de elsősorban űrlapelemek kijelölésére szolgál.

:enabled
{
meghatározásblokk
}
/*Az elem akkor lesz kijelölve, ha engedélyezett.*/
:disabled
{
meghatározásblokk
}
/*Az elem akkor lesz kijelölve, ha tíltott.*/


Példa:

Kattintson egy beviteli mezőre!

Forráskód



<style>
  input[type="text"]:enabled {background:#00ff00;}
  input[type="text"]:disabled {background:#aa0000;}
</style>
... 
<body>   
 <form action="#"><br>
  Engedélyezett: <input type="text" value="Engedélyezett" /><br>
  Tiltott: <input type="text" value="Tiltott" disabled ><br>
  Engedélyezett: <input type="text" value="Engedélyezett" /><br>
  <input type="submit" name="submit1" value="Küldés">
 </form>  
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_kijelolo_enabled_disabled.html