Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
10.0 + | 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 {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE 10 Cr Op Sa Fx
<!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 .