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

【问题标题】：How to show an HTML5 validation error when a number is outside the range?当数字超出范围时如何显示 HTML5 验证错误？
【发布时间】：2021-10-02 19:15:24
【问题描述】：

我正在做 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>

【问题讨论】：

标签： forms numbers range survey validationerror

【解决方案1】：

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>

【讨论】：