HTML min和max属性定义input的最小值和最大值

HTML min和max属性

在HTML的input控件当中,当type属性类型为number、range、date、datetime、datetime-local、month、time 以及 week时,该input控件适合用min和max来定义input所能取到的最小值和最大值。其使用方法如下方的实例代码。


min和max属性实例代码,及在线编辑器

<form>
  <input type='date' min='2022-01-01' max='2022-12-31'><br><br>
  <input type='number' min='0' max='9'>
</form>

实例代码解析

如上代码,在一个form表单当中设计了两个input控件,类型分别为date日期和number数字,并通过min属性和max属性设置了这两个控件的最小值和最大值。在type为date的input控件当中,运行后点击控件,会有一个下拉的日期菜单,右上角有两个上下的箭头,可用来翻页,翻的过程中便可体现出min和max属性的值了,最小只能选择到2022-01-01,最大为2022-12-31。在type为number的input控件当中,运行后会出现一个框,游标悬停上方到时候,便可出现相应的上下两个按钮,用于递增递减数值,最大到9,最小到0。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.