HTML and CSS Reference
In-Depth Information
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="30">Space left: </meter> 30%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="20">Space left: </meter> 20%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="10">Space left: </meter> 10%
</p>
<p>
<meter min="0" low="20" high="80" optimum="90" max="100"
value="0">Space left: </meter> 0%
</p>
Notice that, like with the
progress
element, some descriptive textual content is
placed between the
meter
element's tags. This content will display in web browsers
that don't support the element.
Displaying calculated output
The
output
element is for displaying the result of a calculation. It is very much a se-
mantic element in that the output looks like plain text on the page.
In addition to the global attributes and
form
and
name
attributes (both discussed
earlier), the
output
element has one other attribute:
for
. This attribute should contain
a list of IDs of the elements that went into the calculation that this
output
element is
displaying:
<input id="inputa" type="number"> +
<input id="inputb" type="number"> =
<output
id="resultfld"
name="result"
for="inputa
in-
putb"></output>
Search WWH ::
Custom Search