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

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>

效果图:

1.gif

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>

效果图:

a34a7b4f13b5714b215b9e99572771d.png-600

以上就是HTML的min属性和max属性怎么用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑