Embedded Files
Another built-in validation we can use is to assign a minimum or maximum value for a number field, e.g. <input type="number"> and <input type="range">. To set a minimum acceptable value, we use the min attribute and assign a value. On the flip side, to set a maximum acceptable value, we assign the max attribute a value. Let’s see this in code:
<form action="/example.html" method="POST">
<label for="guests">Enter # of guests:</label>
<input id="guests" name="guests" type="number" min="1" max="4">
<input type="submit" value="Submit">
</form>
If a user tries to submit an input that is less than 1 a warning will appear:
A similar message will appear if a user tries to input a number greater than 4. Let’s now see this action.
Instructions
Instructions
1.Time to enforce the rules of the guessing game.
In the opening <input> tag, set:
The min attribute to "1"
The max attribute to "10"
Page updated
Report abuse