Серверное время 2018-06-22 19:40:48
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

Псевдокласс :enabled

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS3+
Применяется К элементам формы
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :enabled используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными, если в коде HTML к ним не добавляется атрибут disabled.
Синтаксис
элемент:enabled { ... }
Аргументы
Нет.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>enabled</title>
<script type="text/javascript">
function agreeForm(f) {
 if (f.agree.checked) f.submit.disabled = 0;
 else f.submit.disabled = 1;
}
</script>
<style type="text/css">
 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>

Демонстрация примера
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz