Language/CSS&javascript / / 2023. 1. 11. 15:17

[HTML] input number 숫자 최소값, 최대값 설정

반응형

input number

숫자만 입력 받고 싶을 때는 type="text 가 아닌 아래와 같이 입력해 주면 된다.

<input type="number>

 

최소값, 최대값 설정

최소값은 min, 최대값은  max 로 설정해 주면 된다. 

min, max 한개만 설정해도 된다.

아래는 1~10까지 숫자만 입력 받는다.

<input type="number" min="1" max="10">

 

플러스 / 마이너스 설정

정수값만 입력 받기 위해서는 min = 1 로 설정해 주면된다.

<input type="number" min="1">


마이너스 값을 입력 받으려면 max = -1 로 설정해 주면 된다.

<input type="number" max="-1">

 

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유