HTML 参考手册 目录

HTML <input> min 属性

在Web开发中,<input>元素是一个非常常用的表单元素,用于接收用户输入。其中的min属性是用来规定输入字段的最小值的。当用户尝试提交一个小于min属性规定的值时,浏览器会阻止表单的提交,并显示一个默认的错误信息。

语法

min属性可以用在以下<input>类型中:

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

示例代码

number

------ --------------------------
------ ------------- ------------- --------------- ------- ---------

在上面的示例中,我们创建了一个数量输入框,最小值为1,最大值为10。

range

------ ------------------------
------ ------------ ----------- ------------- ------- ----------

这个示例中,我们创建了一个音量调节器,最小值为0,最大值为100。

date

------ --------------------------
------ ----------- ------------- --------------- ---------------- -----------------

在这个示例中,我们创建了一个生日选择框,最小值为2000-01-01,最大值为2022-12-31。

注意事项

  • min属性必须是一个合法的值,否则浏览器会忽略它。
  • 如果min属性的值大于max属性的值,则输入字段将不会有任何效果。
  • 用户可以通过键盘输入小于最小值的值,但是在提交表单时会被浏览器拒绝。

结论

通过使用min属性,我们可以限制用户输入的最小值,从而确保输入的数据符合我们的要求。这对于表单验证和数据收集非常有用,帮助我们提高用户体验和数据的准确性。


下一篇:HTML 标签列表(字母排序)