|
Сообщение от Tolik89
|
|
о именно в javascript
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>:valid</title>
<style>
input.invalid {
background: #fdd; /* Красный цвет фона */
}
</style>
<script>
document.addEventListener( "DOMContentLoaded" , function() {
document.querySelector(".input").addEventListener("input", function() {
this.classList.toggle("invalid", !this.validity.valid);
})
});
</script>
</head>
<body>
<form>
<p>10-50</p>
<p><input type='number' class="input invalid" max="50" min="10" required/>
</p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>