html min 属性用于指定度量的下限, max 属性用于指定度量的上限; min 属性的值必须小于 max 属性的值. min 属性的默认值为 0; 如果没有规定 max 属性的值, 则默认值是 1.max 属性与 min 属性可以用于 < input > 和 < meter > 元素, 一起使用来规定了度量的完整范围.
HTML <input > 的 min 属性和 max 属性
语法:
<input min="number|date" max="number|date">
示例: 在 input 元素中使用 min 属性和 max 属性
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <style>
- input{ width: 100px; }
- </style>
- </head>
- <body style="text-align:center;">
- <h2>
- HTML input 的 min 属性和 max 属性
- </h2>
- <form id="myDemo">
- <input type="number" placeholder="数字......" min="10" max="12">
- </form>
- <p style="font-size:20px;">
- 输入字段的最小值为 10, 最大值为 12.
- </p>
- </body>
- </HTML>
效果图:
HTML <meter > 的 min 属性和 max 属性
<meter > 标签定义已知范围或分数值内的标量测量. 也被称为 gauge(尺度).min 属性定义最小范围; max 属性定义最大范围. min 属性, 与 max 属性一起, 规定度量的完整范围.
语法:
<meter min="numer" max="numer">
示例: 在 < meter > 元素中使用 min 属性和 max 属性
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body style="text-align:center;">
小明的分数:
- <meter value="5" min="0" max="10" high="6">5 到 10 </meter>
- <br > 小花的分数:
- <meter value="0.5" min="0" max="1.0" high="0.6">50% from 100%</meter>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/html5/10435.html