САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

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

Internet Explorer Chrome Opera Safari Firefox Android iOS
8.0+ 9.6+ 5.0+ 4.0+ 2.1+ 3.0+

Краткая информация

Применяется К <input>
Ссылка на спецификацию http://www.w3.org/TR/css3-ui/#pseudo-required-value

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Применяет стилевые правила к тегу <input>, у которого не задан атрибут required. Он позволяет выделять поля обязательные к заполнению перед отправкой формы. Таким образом :optional применяется к необязательным полям формы.

Синтаксис

input:optional { ... }

Значения

Нет.

Пример

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>:optional</title>
  <style>
   input:optional {
    opacity: 0.5; /* Полупрозрачность */
   }
  </style>
 </head>
 <body>
  <form>
   <p>Пожалуйста, укажите ваше имя и возраст.</p>
   <p>Имя: <input name="name"></p>
   <p>Возраст: <input type="number" min="18" required name="old"></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

В данном примере необязательное текстовое поле делается полупрозрачным с помощью свойства opacity.

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

В 2003 году Папа Римский Иоанн Павел II назвал Католического святого Исидора Севильского покровителем Интернета. По мнению церковных историков святой Исидор Севильский был самым образованным человеком того времени. Он является автором первой 20 томной энциклопедии «Этимология».


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций