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 |