Using HTML5 required style you can validate your form and show error. But sometimes you need to give a style like keep the color red for error or green on success. Here’s how to use CSS3 required.
<!DOCTYPE html>
<html>
<head>
<title>CSS3 styles</title>
<style type="text/css">
input[type="checkbox"]:required:invalid + label { color: red; }
input[type="checkbox"]:required:valid + label { color: green; }
</style>
</head>
<body>
<form>
...
<p>
<input id="agree" name="agree" type="checkbox" required>
<label for="agree">I accept the <u>Terms and Conditions</u></label>
</p>
...
</form>
</body>
</html> Sinus infections, impacting approximately 31 million Americans each year, represent a significant health concern stemming…
Pros And Cons Of AI: Artificial Intelligence directly translates to conceptualizing and building machines that…
We all live on the internet; we use it for everything. Thus, when it comes…
Introduction: Pink eye, or conjunctivitis, is a common eye condition characterized by redness and inflammation…
Small businesses are the backbone of the economy. Still, they often face daunting hurdles when…
Introduction: As the chill of winter settles in or a bout of cold weather strikes,…