HTML - min 属性

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

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

语法


<tag min="number|date">

适用于

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

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

HTML min 属性的示例

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

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

在以下示例中，我们将 min 属性与输入 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 属性和 th 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>

设置仪表元件的最小值

在以下示例中，我们将创建一个仪表元素并将最小值设置为 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>

支持的浏览器

浏览器
是否支持	5.0	10.6	16.0	5.1	10.6

打印本页