Learn
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
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"
Take this course for free
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.