您现在的位置是: 首页 » 网页代码 » HTML的min属性和max属性怎么用？

HTML的min属性和max属性怎么用？

网站优化小编十一月 22, 2019 11人已围观

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>

效果图：

网站运营中栏目排名优化技巧