HTML5 Logo

あまり使われないHTML要素シリーズ :<meter>

meter要素

<meter>は指定した範囲内のスカラー値、小数値を表現します。

Header Header
コンテンツカテゴリ フローコンテンツ、フレージングコンテンツ
コンテキスト <meter>以外のフレージングコンテンツ
タグの省略 不可
インターフェイス HTMLMeterElement

指定可能な属性

グローバル属性以外では以下の属性を指定できます。

属性 説明
value 現在の数値。min,maxが指定されている場合、これに収まる範囲内の数値でなければならない。 また範囲外の数値が指定された場合、自動的に範囲内の一番近い数値になる。
min 下限値を設定する。max値より小さい値でなければならない。初期値は0。
max 上限値を設定する。min値より大きい値でなければならない。初期値は1。
low 範囲内で「低」とされる上限値を設定する。min値より大きくhigh,maxより小さい値でなければならない。
high 範囲内で「高」とされる下限値を設定する。max値より小さくlow,minより大きい値でなければならない。
optimum 範囲内で「最適値」を設定する。min値とmax値の範囲内でなければならない。low,highが指定されている場合、optimum値との範囲内が最適値となる。

サンプルコード

類似要素

<meter>に類似する要素として<progress>(リンク)があります。
<progress>はプログレスバーとして使用されますが、<meter>はパスワードの文字数をチェックするなどの使い方があります。