HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのmeterタグで既知の範囲内のスカラー測定値を定義する方法

既知の範囲内におけるスカラー測定値を定義するには、HTMLの<meter>タグを使用します。<meter>タグは、ディスク使用量やアンケート結果など、ゲージ(計測値)として表現できる数値を示すのに適した要素です。

<meter>タグの主な属性

  • value：現在の測定値を指定します（必須）。
  • min：範囲の最小値を指定します。
  • max：範囲の最大値を指定します。
  • low：「低い」とみなされる範囲の上限値を指定します。
  • high：「高い」とみなされる範囲の下限値を指定します。
  • optimum：最適とされる値を指定します。

例

以下のコードを実行すると、HTMLで<meter>タグを実装する方法を確認できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML meter Tag</title>
   </head>
   <body>
      <meter value = "6" min = "0" max = "10">6 out of 10</meter>
      <br />
      <p>ゲージの値がここに表示されます</p>
   </body>
</html>

このコードでは、最小値0、最大値10の範囲において「6」を現在の測定値として設定しています。ブラウザ上には、値の位置を視覚的に表すゲージが表示されます。

  1. HTML DOM Meter optimumプロパティの使い方を徹底解説

    HTML DOMのMeter optimumプロパティは、<meter>要素のoptimum属性に対応する数値を取得・設定するためのプロパティです。high、low、min、maxなどの各属性と組み合わせて使用することで、より正確で分かりやすい計測表示を実現できます。注意： <meter>要素はプログレスバー（進捗状況）としてではなく、ディスク使用量や投票結果など、固定範囲内における現在値を示すゲージ（計測器）としてのみ使用してください。進捗状況の表示には<progress>要素が適しています。構文optimumプロパティの値を取得する場合meterElem

  2. HTML DOM Meterオブジェクトとは？使い方と主要プロパティを徹底解説

    HTML DOM Meterオブジェクトとは HTML DOMにおけるMeterオブジェクトは、HTMLの<meter>要素をJavaScriptから操作・制御するためのインターフェースです。<meter>要素は、ディスク使用量やアンケート結果など、既知の範囲内における値をゲージ（計器）として視覚的に表示する際に使用されます。 注意：<meter>要素はプログレスバー（進捗状況の表示）として使用しないでください。あくまでゲージとしてのみ使用するのがルールです。進捗表示には<progress>要素を使うのが適切です。 構文 <meter>