HTML <input> max 属性

HTML <input> 标签

定义和用法

max 属性规定 <input> 元素的最大值。

提示：将 max 属性与 min 属性 一起使用，可创建合法值的范围。

注意：max 和 min 属性适用于以下输入类型：

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

实例

使用 min 和 max 属性：

<form action="/action_page.php">

  <label for="datemax">请输入 1980-01-01 之前的日期：</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>

  <label for="datemin">请输入 2000-01-01 之后的日期：</label>
  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>

  <label for="quantity">请输入数量（1 到 5 之间）：</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>

  <input type="submit">

</form>

亲自试一试

语法

<input max="number|date">

属性值

值 描述
number 规定允许的最大值。
date 规定允许的最远日期。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 10.0 16.0 5.1 10.6

max 属性是 <input> 标签在 HTML5 中的新属性。

HTML <input> 标签