meter タグエレメント

　meter タグエレメントは、数値をゲージで表示する HTML タグエレメントです。範囲内のスカラー値または、現在の数値をゲージで表現します。

meter タグエレメント

<meter max="100" min="10" value="80"></meter>

詳しくは「動作の確認」を参照してください。

　<meter> タグには現在値、最大値、最小値の他に最適値、最小の最適値、最大の最大値を指定することができます。
　最小値が必ずしも 0 でない場合や最低限必要な最小値、到達すべき値がある場合にはこのタグを使用したほうがよいでしょう。

　このタグの値をインタラクティブに動かすには JavaScript を利用します。

　進捗状況や進行状況などの最小が 0 で割合で示すようなプログレス表現は<progress>エレメントを使います。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。
form		関連する<form>エレメントのID。
high		上の基準値で最大値より小さい。
low		下の基準値で最小値より大きい。
max		最大値。
min		最小値。
optimum		最適値。
value		現在値。

　以下のHTML作成をクリックすると上記の属性にもとづいて <meter> タグを作成します。

　動作確認をクリックすると作成された HTML を実行します。

　meter タグエレメントは、範囲内のスカラー値または、現在の数値をゲージで表現します。
　最小値が必ずしも 0 でない場合や最低限必要な最小値、到達すべき値がある場合にはこのタグを使用したほうがよいでしょう。

　<meter> エレメントは、HTMLMeterElement インターフェイスに定義されています。プロパティ、メソッド、イベントについては HTMLMeterElement を参照してください。