位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > input min 和 max 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: input list 属性 下一篇: input multiple 属性

minmax step 属性用于为包含数字或日期的 input 类型规定限定(约束)。

注意:minmax step 属性适用于以下类型的 <input> 标签:date pickersnumber 以及 range

示例

小白教程网www.2d5.net

<input> 元素最小值与最大值设置:

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>input  min max 属性</title>

</head>

<body>

    

<form action="a.php">

 

 输入 1980-01-01 之前的日期:

  <input type="date" name="bday" max="1979-12-31"><br>

 

 输入 2000-01-01 之后的日期:

  <input type="date" name="bday" min="2000-01-02"><br>

 

  数量 (15之间):

  <input type="number" name="quantity" min="1" max="5"><br>

 

  <input type="submit">

</form>

 

<p><strong>注意:</strong> Internet Explorer 9及更早 IE 版本,Firefox 不支持 input 标签的  max min 属性。</p>

<p><strong>注意:</strong>

Internet Explorer 10 max min 属性不支持输入日期和时间,IE 10 不支持这些输入类型。</p>

    

</body>

</html>

效果如图9-14

image.png



上一篇: input list 属性 下一篇: input multiple 属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)