E: in-range pseudo class selector and E: out-of-range pseudo class selector,

E: in-range pseudo class selector and E: out-of-range pseudo class selector,

E: The in-range pseudo-class selector is used to specify that when the element's valid values are limited to a certain range (usually limited by min and max attribute values ), the style used when the actual input value is within this range.
E: out-of-range pseudo-class selector is used to specify that when the element's valid value is limited to a certain range (usually limited by min and max attribute values ), the style used when the actual input value is out of this range.
Code list is an example of how to use an E: in-range pseudo-class selector and E: out-of-range pseudo-class selector. The example page contains a value input control (the input element whose type attribute value is number). The valid input values in the element are limited by the min attribute value and the max attribute value from 1 to 100, and the E: when the in-range pseudo-class selector specifies the input value of an element in this range, the background color of the element is white, through E: the out-of-range pseudo-class selector specifies that the background color of an element is red when the input value in the element is out of this range.
Code List 19-27 use example of E: in-range pseudo-class selector and E: out-of-range pseudo-class selector

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">