HTML 5 基础教程

HTML是超文本标记语言,是一种专门用来制作网页的语言,而HTML5就是它的第五个版本,2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成,该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能,同时也给我们开发者带来了更多的开发选择,学习它是每个前端开发者必修的课程。

W3CAPI
1
2020-06-15 06:59:35
文档目录
我的书签
 

HTML5 表单 min、max 和 step 属性

  • min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。
  • max 属性规定输入域所允许的最大值。
  • min 属性规定输入域所允许的最小值。
  • step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。
  • min、max 和 step 属性适用于以下类型的 <input> 标签:date pickers、number 以及 range。
  • Internet Explorer 9及更早 IE 版本,Firefox 不支持 input 标签的 max 和 min 属性。
  • 在 Internet Explorer 10中 max 和 min 属性不支持输入日期和时间,IE 10 不支持这些输入类型。
下面的例子包含:
  1. 显示一个数字域,该输入域接受介于 0 到 10 之间的值,且步进为 3(即合法的值为 0、3、6 和 9)
  2. 控制用户只能 输入 1980-01-01 之前的日期
  3. 控制用户只能 输入 2000-01-01 之后的日期
  4. 控制用户只能输入在1和5之间的数字
<form action="/static/example/html5/form.php" method="get">
    输入0-10之间3的倍数:<input type="number" name="num" min="0" max="10" step="3"/><br/>
    输入 1980-01-01 之前的日期:<input type="date" name="date1" max="1979-12-31"><br>
    输入 2000-01-01 之后的日期:<input type="date" name="date2" min="2000-01-02"><br>
    数量 (在1和5之间):<input type="number" name="quantity" min="1" max="5"><br>
    <input type="submit" />
</form>
执行一下
友情提示