Tryit My-Help HTML

<!DOCTYPE html>
<html>
<head>
<style>

input[type="text"]:invalid{
 background-color:#F44336;
 color:#fff;
}

input[type="text"]:valid{
 color:#fff;
 background-color:#5db616;
}

input::required{
 background-color:#F08080;
}

</style>
</head>
<body>

<form action="#">
لطفا نام علی را وارد نمایید <input id="u1" type="text" maxlength="3" required> <br>
لطفا دوباره همان نام را وارد کنید <input id="u2" type="text" maxlength="3" required> <br><br>
<button type="submit" onclick="check()">چک کن</button>
<input type="reset" value="پاک کن">
</form>

</body>
</html>

Www.Free-Learn.Ir