Mate Marschalko
Jul 28, 2022

--

The min/max attributes and the in-range/out-of-range/valid/invalid selectors I mentioned in the article only allow you to detect if the input number is inside the defined range, 65-100 in our case. With CSS only, I don't think there's a way to detect if the value is under 65 or over 100 and show/hide different error messages. You would need JavaScript for that.

That said, the max attribute does define a maximum value and the browser should not allow you to enter a number over that

--

--

Mate Marschalko
Mate Marschalko

Written by Mate Marschalko

Senior Creative Developer, Generative AI, Electronics with over 15 years experience | JavaScript, HTML, CSS

Responses (1)