HTML - min 属性

HTML min 属性用于定义数字、日期、时间等输入的最小值。

通过将输入限制在预定的下限，此属性对于设计用户友好的表单和确保数据一致性至关重要。

语法

<tag min="number|date">

应用于

以下列出的元素允许使用 HTML max 属性

元素	描述
<input>	HTML <input> 标签用于接收用户各种类型的输入。
<meter>	HTML <meter> 标签用于在给定范围内呈现数据。

HTML min 属性示例

以下示例将说明 HTML min 属性，以及我们应该在哪里以及如何使用此属性！

使用 min 属性设置最小年龄限制

在以下示例中，我们使用 min 属性与 input type=number 一起设置最小年龄限制为 18。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Enter your age (not less than 18): 
      <input type="number" min="18">
      <button>
         Submit
      </button>
   </form>
</body>
</html>

使用 min 属性设置最小日期

考虑另一种情况，我们将使用 min 属性与 input type=date 一起使用。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Choose a date(not less than 2023-06-10): 
      <input type="date" min="2023-06-10">
      <button>Submit</button>
   </form>
</body>
</html>

为 meter 元素设置最小值

在以下示例中，我们将创建一个 meter 元素并将最小值设置为 0 以显示百分比进度。

<!DOCTYPE html>
<html lang="en">
<body>
      <h3>HTML min Attribute</h3>
      <label for="server-load">
         Room 1: Server Load
      </label> 
      <meter id="server-load" 
             value="40" 
             min="0" 
             max="100" 
             low="50" 
             high="90" 
             optimum="0.5">
      </meter>
</body>

</html>

支持的浏览器

属性
min	是 5.0	是 10.6	是 16.0	是 5.1	是 10.6

html_attributes_reference.htm

打印页面