Selektory pseudoklas

Blokada

(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome)

1. Pole zablokowane:

   selektor:disabled { cecha: wartość }

2. Pole odblokowane:

   selektor:enabled { cecha: wartość }

Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie wyszarzonej. Użytkownik nie może do niego wpisywać żadnego tekstu ani go włączyć (w przypadku kontrolek typu przełącznik). Blokadę ustala się poprzez przypisanie atrybutu disabled="disabled". W odróżnieniu od pól w stanie tylko do odczytu (atrybut readonly="readonly"), pola zablokowane nie są w ogóle wysyłane w formularzu. Pole odblokowane to natomiast takie, które nie posiada atrybutu disabled (domyślnie).

Przykład:

Po wpisaniu w arkuszu stylów:

input:disabled { border: 1px solid blue }
input:enabled { border: 1px solid red }

a w dowolnym miejscu strony:

<form action="?">
	<input type="text" value="Zablokowane" disabled="disabled" />
	<input type="text" value="Odblokowane" />
</form>

otrzymamy dwie tekstowe kontrolki formularza - pierwsza z niebieskim obramowaniem (zablokowana), a druga z czerwonym (odblokowana):

• Etykieta
• Tylko do odczytu

• Do góry
• Strona główna
• Drukuj rozdział
• Komentarze