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

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

• :enabled: выбирает элемент, если он доступен для выбора (то есть у него не установлен атрибут disabled)

• :disabled: выбирает элемент, если он не доступен для выбора (то есть у него установлен атрибут disabled)

• :checked: выбирает элемент, если у него не установлен атрибут checked (для флажков и радиокнопок)

• :default: выбирает элементы по умолчанию

• :valid: выбирает элемент, если его значение проходит валидацию HTML5

• :invalid: выбирает элемент, если его значение не проходит валидацию

• :in-range: выбирает элемент, если его значение находится в определенном диапазоне (для элементов типа ползунка)

• :out-of-range: выбирает элемент, если его значение не находится в определенном диапазоне

• :required: выбирает элемент, если у него установлен атрибут required

• :optional: выбирает элемент, если у него не установлен атрибут required

Псевдоклассы enabled и disabled

Псевдоклассы enabled и disabled выбирают элементы форм в зависимости от того, установлен ли у них атрибут disabled:

Читать далее