Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML <meter> tags


May 04, 2021 HTML Reference Manual


Table of contents


HTML slt;meter> tags

To give a specific range in HTML, including the maximum and minimum values, and then use the label to display the data for that given range, refer to the following example:

Use the meter element to show a given range of data:

<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

Try it out . . .

Browser support

HTML <meter> tags HTML <meter> tags HTML <meter> tags HTML <meter> tags HTML <meter> tags

Firefox, Opera, Chrome, and Safari 6 support the hashtags.


Label definition and instructions for use

Labels define metrics and measures. Used only for measures with known maximum and minimum values.

For example: disk usage, relevance of query results, etc.

Note: The progress bar cannot be used as a progress bar, the progress bar is a label.


The difference between HTML 4.01 and HTML5

The new label for HTML5.


Property

New :HTML5 new property.

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

Global properties

The label supports global properties and views the full property sheet HTML global properties.


The event property

The label supports all HTML event properties.


Related articles

HTML DOM Reference Manual: HTML DOM Meter Object