[HTML] input:number 의 숫자 최대값, 최소값 설정 방법

# input 숫자 입력

HTML에서 숫자만 입력 받고자 할 때는

number 타입의 input태그를 사용해주면 된다.

<input type="number">

---

# input 숫자 최대값/최소값

최대값은 max 속성값으로,

최소값은 min 속성값으로 설정해주면 된다.

아래 코드는 1~5사이의 숫자만 입력 받는다.

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

---

# input 숫자 플러스/마이너스

플러스 정수값만 입력 받으려면  min = 1 로 설정해주면 된다.

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

 

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

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

---

input태그로 소수점 숫자를 입력 받으려면 step속성을 활용하면 된다.

자세한 내용은 아래 글을 참고

[HTML] number타입 INPUT입력창에 소수점 입력 허용 방법(step속성 활용)