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。