Horje
How to add HTML <meter> with label Tag | HTML Code

Use the meter element to display a scalar value within a given range (a gauge).

Definition and Usage

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

Examples: Disk usage, the relevance of a query result, etc.

Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Attributes

Attribute Value Description
form form_id Specifies which form the <meter> element belongs to
high number Specifies the range that is considered to be a high value
low number Specifies the range that is considered to be a low value
max number Specifies the maximum value of the range
min number Specifies the minimum value of the range. Default value is 0
optimum number Specifies what value is the optimal value for the gauge
value number Required. Specifies the current value of the gauge

index.html
Example: HTML
<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>

<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter> 

Output should be:

How to add HTML <meter> with label Tag




Read Full::
HTML Tag Code
Category:
HTML Code
Sub Category:
HTML Tag Code
Uploaded:
2 months ago
Uploaded by:
Admin
Views:
386

Related Articles
How to add HTML <label> for Attribute
How to add HTML <label> form Attribute
How to add HTML <input type="checkbox"> label Tag
How to add HTML <input type="color"> label Tag
How to add HTML <input type="date"> label Tag
How to add HTML <input type="datetime-local"> label Tag
How to add HTML <input type="email"> label Tag
How to add HTML <input type="file"> label Tag
How to add HTML <input type="month"> label Tag
How to add HTML <input type="number"> label Tag
How to add HTML <input> max Attribute label Tag
How to add HTML <input> max Number Attribute label Tag
How to add HTML <input> max Date Attribute label Tag
How to add HTML <input> min Attribute on label Tag
How to add HTML <input> min number Attribute on label Tag
How to add HTML <input> min date Attribute on label Tag
How to add HTML <input> step Attribute label Tag
How to add HTML <input> value Attribute label Tag
How to add HTML <input type="password"> on label Tag
How to add HTML <input type="radio"> on label Tag
How to add HTML <input type="range"> on label Tag
How to add HTML <input type="range"> Max Attribute on label Tag
How to add HTML <input type="range"> Min Attribute on label Tag
How to add HTML <input type="search"> on label Tag
How to add HTML <input type="tel"> on label Tag
How to add HTML <input type="text"> on label Tag
How to add HTML <input type="time"> on label Tag
How to add HTML <input type="url"> on label Tag
How to add HTML <input type="week"> on label Tag
How to add HTML <meter> with label Tag
How to add HTML <meter> form Attribute with label Tag
How to add HTML <meter> high Attribute with label Tag
How to add HTML <meter> low Attribute with label Tag
How to add HTML <meter> max Attribute with label Tag
How to add HTML <meter> min Attribute with label Tag
How to add HTML <meter> optimum Attribute with label Tag
How to add HTML <meter> value Attribute with label Tag
How to add HTML <progress> Tag with label Tag
How to add HTML <progress> max Attribute with label Tag
How to add HTML <progress> value Attribute with label Tag
How to add HTML <select> Attribute with label Tag
How to add HTML <select> autofocus Attribute with label Tag
How to add HTML <select> disabled Attribute with label Tag
How to add HTML <select> form Attribute with label Tag
How to add HTML <select> multiple Attribute with label Tag
How to add HTML <select> name Attribute with label Tag
How to add HTML <select> required Attribute with label Tag
How to add HTML <select> size Attribute with label Tag
How to Use <select> with <optgroup> label tags
How to add HTML <textarea> Attributes with label Tag
How to add HTML <textarea> autofocus Attribute with label Tag
How to add HTML <textarea> cols Attribute with label Tag
How to add HTML <textarea> dirname Attribute with label Tag
How to add HTML <textarea> disabled Attribute with label Tag
How to add HTML <textarea> form Attribute with label Tag
How to add HTML <textarea> maxlength Attribute with label Tag
How to add HTML <textarea> name Attribute with label Tag Part 2
How to add HTML <textarea> placeholder Attribute with label Tag
How to add HTML <textarea> readonly Attribute with label Tag
How to add HTML <textarea> required Attribute with label Tag
How to add HTML <textarea> rows Attribute with label Tag
How to add HTML <textarea> wrap Attribute with label Tag
How to add HTML <textarea> wrap soft Attribute with label Tag
How to add HTML <textarea> wrap hard Attribute with label Tag

More Articles
What is HTML <!--...--> Tag HTML Tag Code
What is HTML <!DOCTYPE> Declaration HTML Tag Code
What is HTML Elements and Doctypes HTML Tag Code
What is HTML <a> Tag HTML Tag Code
What is HTML <abbr> Tag HTML Tag Code
What is HTML <address> Tag HTML Tag Code
What is HTML <applet> Tag HTML Tag Code
What is HTML <area> Tag HTML Tag Code
What is HTML <article> Tag HTML Tag Code
What is HTML <aside> Tag HTML Tag Code
What is HTML <audio> Tag HTML Tag Code
What is HTML <b> Tag HTML Tag Code
What is HTML <base> Tag HTML Tag Code
What is HTML <basefont> Tag HTML Tag Code
What is HTML <bdi> Tag HTML Tag Code
What is HTML <bdo> Tag HTML Tag Code
What is HTML <big> Tag HTML Tag Code
What is HTML <blockquote> Tag HTML Tag Code
What is HTML <body> Tag HTML Tag Code
What is HTML <br> Tag HTML Tag Code
What is HTML <button> Tag HTML Tag Code
What is HTML <canvas> Tag HTML Tag Code
What is HTML <caption> Tag HTML Tag Code
What is HTML <center> Tag HTML Tag Code
What is HTML <cite> Tag HTML Tag Code
What is HTML <code> Tag HTML Tag Code
What is HTML <col> Tag HTML Tag Code
How to create HTML <colgroup> Tag HTML Tag Code
What is HTML <data> Tag HTML Tag Code
What is HTML <datalist> Tag HTML Tag Code
What is HTML <dd> Tag HTML Tag Code
What is HTML <del> Tag HTML Tag Code
What is HTML <details> Tag HTML Tag Code
What is HTML <dfn> Tag HTML Tag Code
What is HTML <dialog> Tag HTML Tag Code
What is HTML <dir> Tag HTML Tag Code
What is HTML <div> Tag HTML Tag Code
What is HTML <dl> Tag HTML Tag Code
What is HTML <dt> Tag HTML Tag Code
What is HTML <em> Tag HTML Tag Code
What is HTML <embed> Tag HTML Tag Code
What is HTML <fieldset> Tag HTML Tag Code
What is HTML <figcaption> Tag HTML Tag Code
What is HTML <figure> Tag HTML Tag Code
What is HTML <font> Tag HTML Tag Code
What is HTML <footer> Tag HTML Tag Code
What is HTML <form> Tag HTML Tag Code
What is HTML <frame> Tag HTML Tag Code
What is HTML <frameset> Tag HTML Tag Code
What is HTML <h1> to <h6> Tags HTML Tag Code
What is HTML <head> Tag HTML Tag Code
What is HTML <header> Tag HTML Tag Code
What is HTML <hgroup> Tag HTML Tag Code
What is HTML <hr> Tag HTML Tag Code
What is HTML <html> Tag HTML Tag Code
What is HTML <i> Tag HTML Tag Code
What is HTML <iframe> Tag HTML Tag Code
What is HTML <img> Tag HTML Tag Code
What is HTML <input> Tag HTML Tag Code
What is HTML <ins> Tag HTML Tag Code
What is HTML <kbd> Tag HTML Tag Code
What is HTML <label> Tag HTML Tag Code
What is HTML <legend> Tag HTML Tag Code
What is HTML <li> Tag HTML Tag Code
What is HTML <link> Tag HTML Tag Code

Share on: