HTML | DOM 输入范围 max 属性

简介

在 HTML 中，<input> 元素的 max 属性用于指定用户输入的最大值。

max 属性可以适用于以下 input 类型：

• number
• range
• date
• datetime-local
• month
• week
• time

当用户在 input 元素中输入数值时，如果输入的值大于 max 属性的值，则会触发输入验证错误，并提示用户输入正确的值。

语法

max 属性的语法如下：

<input max="value">

其中 value 可以是一个数字，也可以是一个日期或时间。

数字类型最大值

value 为数字类型时，表示输入的最大值。

例如：

<input type="number" max="100">

表示输入框的最大值为 100。

日期和时间类型最大值

value 为日期或时间类型时，必须使用特定格式的日期或时间字符串表示。

例如：

<input type="date" max="2021-12-31">
<input type="datetime-local" max="2022-01-01T00:00">

表示日期输入框的最大值为 2021 年 12 月 31 日，日期时间输入框的最大值为 2022 年 1 月 1 日 0 时 0 分。

实例

下面是一个最大值为 100 的数字输入框：

<input type="number" max="100">

下面是一个最大值为 2025 年 12 月 31 日的日期输入框：

<input type="date" max="2025-12-31">

下面是一个最大值为 2025 年 12 月 31 日 23 时 59 分的日期时间输入框：

<input type="datetime-local" max="2025-12-31T23:59">