Псевдоклассы форм

В прошлом уроке мы рассмотрели псевдоклассы дочерних элементов. В этом уроке разберем псевдоклассы форм.

Ряд псевдоклассов используется для работы с элементами форм:

:enabled: выбирает элемент, если он доступен для выбора (то есть у него не установлен атрибут disabled)
:disabled: выбирает элемент, если он не доступен для выбора (то есть у него установлен атрибут disabled)
:checked: выбирает элемент, если у него не установлен атрибут checked (для флажков и радиокнопок)
:default: выбирает элементы по умолчанию
:valid: выбирает элемент, если его значение проходит валидацию HTML5
:invalid: выбирает элемент, если его значение не проходит валидацию
:in-range: выбирает элемент, если его значение находится в определенном диапазоне (для элементов типа ползунка)
:out-of-range: выбирает элемент, если его значение не находится в определенном диапазоне
:required: выбирает элемент, если у него установлен атрибут required
:optional: выбирает элемент, если у него не установлен атрибут required

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Псевдоклассы форм В прошлом уроке мы рассмотрели псевдоклассы дочерних элементов Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/klub-kompyutizirovannyih-pensionerov/14027183/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Псевдоклассы форм </a> <div class="insert-intro" style="font-family:trebuchet MS;">В прошлом уроке мы рассмотрели псевдоклассы дочерних элементов </div> </div> Псевдоклассы форм <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/klub-kompyutizirovannyih-pensionerov/14027183/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Псевдоклассы форм</a> <div style="font-family:trebuchet MS;">В прошлом уроке мы рассмотрели псевдоклассы дочерних элементов </div> </div>

webguru

15.08.2017

В избранное Пожаловаться Просмотров: 381

Комментарии ⁰

Клуб компьютеризированных пенсионеров 2966

Важные темы:

Активные участники:

Последние откомментированные темы:

Псевдоклассы форм

Комментарии временно отключены

Открытая группа
13190 участников