반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Visual Studio Code
- js
- 테이블
- date
- Maven
- 이클립스
- 문자열
- javascript
- input
- IntelliJ
- CSS
- table
- Eclipse
- html
- ArrayList
- Java
- 자바
- 인텔리제이
- 이탈리아
- vscode
- windows
- json
- 배열
- Files
- list
- string
- CMD
- Button
- Array
- 자바스크립트
Archives
- Today
- Total
목록only number (1)
어제 오늘 내일
[Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법
input 박스에서 사용자에게 숫자만 입력되도록 설정하는 방법 4가지를 소개합니다. input 박스에 숫자만 입력되도록 설정하는 4가지 방법 1. 'type'을 'number'로 지정하기 2. 입력된 keycode 체크하기 3. oninput 이벤트, 정규식, replace() 함수 활용하기 4. pattern 속성 활용하기 1. 'type'을 'number'로 지정하기 기본 예제 input의 type속성을 'number'로 지정하면, 숫자만 입력 받을 수 있습니다. 브라우저에 따라서, 입력창 오른쪽에 숫자 증감 아이콘도 생성됩니다. min, max, step 속성 지정하기 input의 type을 'number'로 지정한 경우, min, max 속성을 추가하여 최대값과 최소값을 지정할 수 있습니다. st..
IT/Javascript
2020. 8. 12. 00:52