:invalid
यह pseudo class ऐसे form elements को target करती है जिनके लिए validation perform किया जाता है और जिनमें invalid value input की गयी है।
:required
यह pseudo class ऐसे form elements को target करती है जिनके लिए required attribute define किया गया है।
:optional
यह pseudo class ऐसे form elements को target करती है जिनके लिए required attribute नहीं define किया गया है।
:out-of-range
यह pseudo class ऐसे form elements को target करती है जिनकी value out of range input की गयी है। लेकिन यह सिर्फ उन्ही input elements के लिए work करेगा जिनमें min और max attributes द्वारा range define की गयी है।
:invalid
This pseudo class targets form elements for which validation is performed and in which an invalid value has been input.
:required
This pseudo class targets form elements for which the required attribute is defined.
:optional
This pseudo class targets form elements for which the required attribute is not defined.
:out-of-range
This pseudo class targets form elements whose value has been input out of range. But this will work only for those input elements in which range is defined by min and max attributes.
Example:
|
<html> <head> <style> input:out-of-range { background-color:red; } </style> </head> <body> <form> <h2>Enter a number between 1 to 10</h2> <input type=”number” min=”0″ max=”10″><br> <input type=”submit” value=”Submit”> </form> </body> </html> |