반응형
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
- Files
- Array
- Java
- 인텔리제이
- javascript
- CSS
- windows
- vscode
- table
- 자바스크립트
- input
- 이탈리아
- 자바
- 문자열
- string
- html
- 테이블
- Button
- Eclipse
- CMD
- IntelliJ
- Maven
- list
- ArrayList
- Visual Studio Code
- js
- json
- 이클립스
- 배열
- date
Archives
- Today
- Total
목록Validation (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