The :required
CSS pseudo-class represents any <input>
, <select>
, or <textarea>
element that has the required
attribute set on it.
/* Selects any required <input> */ input:required { border: 1px dashed red; }
This pseudo-class is useful for highlighting fields that must have valid data before a form can be submitted.
Note: The :optional
pseudo-class selects optional form fields.
Syntax
:required
Examples
See :invalid
for an example.
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of ':required' in that specification. |
Living Standard | No change. |
HTML5 The definition of ':required' in that specification. |
Recommendation | Defines the semantics of HTML and constraint validation. |
Selectors Level 4 The definition of ':required' in that specification. |
Working Draft | No change. |
CSS Basic User Interface Module Level 3 The definition of ':required' in that specification. |
Candidate Recommendation | Defines the pseudo-class, but not the associated semantics. |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 10.0 | (Yes) | 4.0 (2) | 10 | 10.0 | 5.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 4.4.4 | (Yes) | 4.0 (2) | No support | 10.0 | 5.0 |
See also
- Other validation-related pseudo-classes:
:optional
,:invalid
,:valid
- Form data validation
Document Tags and Contributors
Tags:
Contributors to this page:
mfluehr,
chrisdavidmills,
cPhost,
erikadoyle,
Sebastianz,
MusikAnimal,
kscarfone,
teoli,
Sheppy,
FredB,
McGurk,
nimbupani
Last updated by:
mfluehr,