您现在的位置是: 首页 » 网页代码 » 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>

效果图:

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

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:225天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3139 条
  • 文章评论:18 条
  • 微信公众号:扫描二维码,关注我们