I have a form where I decided to use the type="number" for the zip code field, setting a minimum and maximum value, but when I enter the data with the keyboard and not with the increase and decrease options, I get an error as if the The value that I am entering is greater than it actually is. Any help is welcome.
Next the code:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="feature-wrapper bg-success pt-5 pb-5 mt-5 mt-lg-0">
<div class="wrapper wrapper--w790">
<div class="card card-5">
<h1 class="display-3" align="center">Titulo</h1>
<div class="card-heading">
<h2 class="title">Subtitulo</h2>
</div>
<div class="card-body">
<form method="POST" action""> <div class="form-row m-b-55">
<div class="name">Código Postal</div>
<div class="value">
<div class="row row-space">
<div class="col-2">
<div class="input-group-desc">
<input class="input--style-5" type="number" name="quantity" min="1" max="5" name="zipcode" required>
</div>
</div>
</div>
</div>
</div>
<div align="center">
<button class="btn btn--radius-2 btn--green" type="submit" name="enviar" aling="center">Enviar</button>
<button class="btn btn--radius-2 btn--red" type="reset" aling="center">Cancelar</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>Additionally, I put the w3school code because here apparently that option does not work: link