HTML <input> max 属性

HTML <input> タグ

定義と使用法

max 属性は <input> 元素の最大値を指定します。

ヒント：を max 属性は min 属性 一緒に使用すると、有効な値の範囲を作成できます。

注意：max および min 属性は以下の入力タイプに適用されます：

  • number
  • range
  • date
  • datetime-local
  • month
  • time
  • week

例

min と max 属性の使用：

<form action="/action_page.php">
  <label for="datemax">1980-01-01以前の日付を入力してください：</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>
  <label for="datemin">2000-01-01以降の日付を入力してください：</label>
  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>
  <label for="quantity">数量を入力してください（1から5まで）：</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>
  <input type="submit">
</form>

実際に試してみる

文法

<input max="number|date">

属性値

値 説明
number 許可される最大値を指定します。
date 許可される最遠の日付を指定します。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 10.0 16.0 5.1 10.6

max 属性は <input> タグが HTML5 で追加された新しい属性です。

HTML <input> タグ