| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 1.0 + | 9.0 + | 3.1 + | 1.0 + | 1.0 + | 2.0 + |
Коротка інформація
| Застосовується | До елементів форми |
|---|---|
| Посилання на специфікацію | http://www.w3.org/TR/css3-selectors/#enableddisabled |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Псевдоклас: enabled використовується для застосування стилю до доступним (не заблокований) елементам форм. За умовчанням, всі елементи форм є доступними, якщо в коді HTML до них не додається атрибут disabled .
Синтаксис
елемент: enabled {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
enabled </title>
<script>
function agreeForm (f) {if (f.agree.checked) f.submit.disabled=0; else f.submit.disabled=1; } </script>
<style>
input: enabled {background: red; } </style>
</head>
<body>
<form>
<p>
Типовий договір </p>
<p>
<input type="checkbox" name="agree" onclick="agreeForm (this.form)">
Я згоден з усіма умовами </p>
<p>
<input type="submit" name="submit" value="Надіслати" disabled>
</p>
</form>
</body>
</html>
В даному прикладі при включенні галочки додається стиль до кнопки. Результат прикладу показаний на рис. 1.
