meter
<meter> 要素は特定の範囲内の割合や数値を表します。
- 分類
- フローコンテンツ、フレージングコンテンツ、ラベル付け可能コンテンツ、知覚可能コンテンツ
- 内包できるもの
- フレージングコンテンツ（他の <meter> 要素は配置できない）
属性
- value=””
- 現在の値
- min=””
- 範囲の下限
- max=””
- 範囲の上限
- low=””
- 「低」とされる範囲の上限値
- high=””
- 「高」とされる範囲の下限値
- optimum=””
- 最適な数値の範囲
- form=””
- 関連付ける <form> 要素
現在の値
value=”” 属性は現在の値を示します。 min=”” と max=”” 属性が指定されている場合、それらの範囲内である必要があります。
範囲の下限
min=”” 属性は範囲全体の下限です。max=”” が設定されている場合はそれより小さい値である必要があります。未設定の場合下限値は 0 です。
範囲の上限
max=”” 属性は範囲全体の下限です。min=”” が設定されている場合はそれより大きい値である必要があります。未設定の場合上限値は 1 です。
「低」とされる範囲の上限値
low=”” 属性はゲージの範囲の「低」「中」「高」の領域のうち低とされる範囲の上限値を設定します。
「高」とされる範囲の下限値
high=”” 属性はゲージの範囲の「低」「中」「高」の領域のうち高とされる範囲の下限値を設定します。
最適な数値の範囲
optimum=”” 属性は最適な値を表します。min=”” と max=”” が設定されている範囲内の値である必要があります。
関連付ける <form> 要素
form=”” 属性を指定し <form> 要素と関連付けます。この属性の値は <form> の id=”” と同じ値を指定します。<meter> の親要素として <form> が存在する場合はそれに関連付けられます。
サンプル
HTML
点数：<meter value="60" min="0" max="100">100点中60点</meter>