:enabled

Содержание

Псевдокласс :enabled используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными, если в коде HTML к ним не добавляется атрибут disabled.

Синтаксис

Селектор:enabled { ... }

Пример

<!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 action="handler.php">
   <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.

Результат использования псевдокласса :enabled

Рис. 1. Результат использования псевдокласса :enabled

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Возможная рекомендация
Selectors Level 4Рабочий проект
CSS Basic User Interface Module Level 3Рабочий проект
Selectors Level 3Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
9193.11
AndroidFirefox MobileOpera MobileSafari Mobile
2.119.53.1




Рекомендую хостинг: beget.ru

Сервер падал:109 дн. 0:46 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru