요소의 max 속성은 의 최대값을 설정하는 데 사용됩니다. min과 max는 모두 숫자, 날짜, 날짜 시간, 범위 등의 유형을 가진 입력 요소의 값 범위를 설정하는 데 사용됩니다. HTML5에서 도입되었습니다.
이제 요소의 man 속성을 구현하는 예를 살펴보겠습니다. 여기서는 최대값을 10으로 설정하였으므로 사용자는 1개 이상의 ID를 입력할 수 없습니다 -
예시
<!DOCTYPE html> <html> <body> <h2>Log in to your account</h2> <form action="" method="get"> Id − <input type="number" name="id" min="1" max="10"><br> Password − <input type="password" name="pwd"><br> DOB − <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
출력
위의 예에서 일부 필드와 버튼이 있는 양식을 만들었습니다. −
<form action="" method="get"> Id − <input type="number" name="id" min="1" max="10"><br> Password − <input type="password" name="pwd"><br> DOB − <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Submit</button> </form>
max 속성은 id 입력 유형 번호에 대해 설정됩니다. 최대값이 10으로 설정되어 사용자가 10 이상의 값을 입력할 수 없습니다 -
Id − <input type="number" name="id" min="1" max="10">