当数字超出范围时如何显示 HTML5 验证错误？

问题描述

我正在做 FreeCodeCamp 的调查项目，但一直失败 9。如果我输入的数字超出了数字输入范围，我将看到 HTML5 验证错误。'

我不明白，因为我虽然我要做的就是添加一个 min="10" max="100" 的东西。这是我到目前为止所拥有的：

<label for="number" id="number-label" min="10" max="100"> Age </label>
    <input type="number" id="number" placeholder="Enter Your Age" required>

解决方法

min、max 是应用于数字输入元素的属性。参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input 因此，您需要对代码进行以下更改。

<label for="number" id="number-label" > Age </label>
    <input type="number" min="10" max="100" id="number" placeholder="Enter Your Age" required>