HTMLの最大属性


定義と使用法

このmax属性は、要素の最大値を指定します。

<progress>要素で使用される場合、 max属性はタスクが合計で必要とする作業量を指定します。


に適用されます

このmax属性は、次の要素で使用できます。

要素 属性
<入力> 最大
<メーター> 最大
<進捗状況> 最大

入力例

最小属性と最大属性の使用:

<form action="/action_page.php">

  Enter a date before 1980-01-01:
  <input type="date" name="bday" max="1979-12-31">

  Enter a date after 2000-01-01:
  <input type="date" name="bday" min="2000-01-02">

  Quantity (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5">

  <input type="submit">

</form>

メーターの例

現在の値と最小、最大、高、低のセグメントを持つゲージ:

<meter min="0" low="40" high="90" max="100" value="95"></meter>

進捗例

ダウンロード中:

<progress value="22" max="100"></progress>

ブラウザのサポート

このmax属性では、要素ごとに次のブラウザがサポートされています。

Element
input 5.0 10.0 16.0 5.1 10.6
meter 8.0 Not supported 6.0 6.0 11.0
progress 8.0 10.0 16.0 6.0 11.0