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

当数字超出范围时，可以使用HTML5的表单验证功能来显示错误信息。具体步骤如下：

1. 在HTML表单中，使用<input>元素的type属性设置为"number"，以确保用户只能输入数字。
2. 使用min和max属性来限制数字的范围。例如，如果要限制数字在1到100之间，可以设置min="1"和max="100"。
3. 使用<span>或<div>等元素来显示错误信息。可以通过CSS样式来设置错误信息的外观。
4. 使用<input>元素的pattern属性来添加正则表达式，以进一步验证数字的格式。例如，可以使用pattern="[0-9]+"来确保只能输入正整数。

以下是一个示例代码：

<form>
  <label for="numberInput">数字：</label>
  <input type="number" id="numberInput" name="numberInput" min="1" max="100" pattern="[0-9]+" required>
  <span class="error">请输入1到100之间的数字。</span>
  <button type="submit">提交</button>
</form>

在上述示例中，如果用户输入的数字超出了1到100的范围，或者输入的不是数字，浏览器会自动显示验证错误信息。可以使用CSS样式来美化错误信息的外观。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云表单验证服务：https://cloud.tencent.com/product/fe
• 腾讯云Web应用防火墙：https://cloud.tencent.com/product/waf
• 腾讯云内容分发网络：https://cloud.tencent.com/product/cdn