HTML <meter> Attributes

HTML <meter> form Attribute

Example

A <meter> element located outside a form (but still a part of the form):

<form action=”/action_page.php” method=”get” id=”form1″>
First name: <input type=”text” name=”fname”><br>
<input type=”submit” value=”Submit”>
</form><meter form=”form1″ name=”x1″ min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The form attribute specifies one or more forms the <meter> element belongs to.

HTML <meter> high Attribute

Example

A gauge with a current value and min, max, high, and low segments:

<meter min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The high attribute specifies the range where the gauge’s value is considered to be a high value.

The high attribute value must be less than the max attribute value, and it also must be greater than the low

HTML <meter> low Attribute

Example

A gauge with a current value and min, max, high, and low segments:

<meter min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The low attribute specifies the range where the gauge’s value is considered to be a low value.

The low attribute value must be greater than the min attribute value, and it also must be less than the high and max attribute values.

HTML <meter> max Attribute

Example

A gauge with a current value and min, max, high, and low segments:

<meter min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The max attribute specifies the upper bound of the gauge.

The max attribute value must be greater than the min attribute value.

If unspecified, the default value is 1.

Tip: The max attribute, together with the min attribute, specifies the full range of the gauge.

HTML <meter&gt; min Attribute

Example

A gauge with a current value and min, max, high, and low segments:

<meter min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The min attribute specifies the lower bound of the gauge.

The min attribute value must be less than the max attribute value.

If unspecified, the default value is 0.

Tip: The min attribute, together with the max attribute, specifies the full range of the gauge.

HTML <meter> optimum Attribute

Example

A gauge with an optimal value of 0.5:

<meter value=”0.3″ high=”0.9″ low=”0.1″ optimum=”0.5″></meter>

Try it Yourself »


Definition and Usage

The optimum attribute specifies the range where the gauge’s value is considered to be an optimal value.

HTML <meter> value Attribute

Example

A gauge with a current value and min, max, high, and low segments:

<meter min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter>

Try it Yourself »


Definition and Usage

The required value attribute specifies the current, or “measured”, value of the gauge.

The value attribute must be between the min and max attribute values.