HTMLmin 属性


<input> 元素的 min 属性用于设置 <input> 的最小值。min 和 max 均用于为输入元素设置一个值范围,类型为数字、日期、日期时间、范围等。它在 HTML5 中引入。

下面我们将看到一个示例来实现 <input> 元素的 min 属性。在此处,我们将 min 设置为 1,因此用户不能输入小于 1 的 ID−

示例

 实时演示

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="number" name="id" min="1" max="10"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

输出

在上例中,我们创建了一个包含一些字段和一个按钮的表单−

<form action="" method="get">
   Id: <input type="number" name="id" min="1" max="10"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

min 属性针对 id 输入类型数字设置。最小值被设为 1,因此用户将无法输入小于 1 的值−

Id: <input type="number" name="id" min="1" max="10">

更新日期: 30-07-2019

107 次浏览

开启你的 职业

完成课程即可获得认证

开始
广告
© . All rights reserved.