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 허용 가능한 가장 먼 날짜를 정의합니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
5.0 10.0 16.0 5.1 10.6

max 속성은 HTML5에서 <input> 태그의 새로운 속성입니다.

HTML <input> 태그