HTML5 meter标签-html5教程

HTML5 meter标签

发表于:2015-05-21 23:20:18 | 阅读数:--次| 作者:小五

摘要：meter标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）

定义和用法
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
例子：磁盘用量、查询结果的相关性，等等。
注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。

实例
使用 meter 元素来度量给定范围（gauge）内的数据：

		html5代码
	

运行代码

<!DOCTYPE html>
<html>
<body>

<p>显示度量值：</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

<p><b>注释：</b>Internet Explorer 不支持 meter 标签。</p>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p>显示度量值：</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

<p><b>注释：</b>Internet Explorer 不支持 meter 标签。</p>

</body>
</html>

浏览器支持
Firefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签。

HTML 4.01 与 HTML 5 之间的差异
<meter> 标签是 HTML 5 中的新标签。

属性
new : HTML5 中的新属性。

		js代码
	

//规定 <meter> 元素所属的一个或多个表单。
form	form_id
//规定被视作高的值的范围。
high	number
//规定被视作低的值的范围。
low	number
//规定范围的最大值。
max	number
//规定范围的最小值。
min	number
//规定度量的优化值。
optimum	number
//必需。规定度量的当前值。
value	number

全局属性
<meter> 标签支持 HTML 中的全局属性。

事件属性
<meter> 标签支持 HTML 中的事件属性。

代码浏览关闭浏览

kong.jsp