<h1>Valid-Invalid Form</h1>
<form action="">
<label for="name">Full Name : </label> <input type="text" name="name" id="" ><br>
<label for="name">Age : </label>
<input type="number" name="Age" id="" min="5" max="18"><br>
<label for="email" >E-mail : </label>
<input type="email" name="email" id="" value=" 1234223"><br>
<button type="submit">Submit</button>
xxxxxxxxxx
input{
margin:10px;
}
input:invalid{
border: 2px solid red;
}
input:valid{
background-color: antiquewhite;
color:blueviolet;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.