모바일 퍼블리싱 - 인풋 타입에서 숫자 자판 나오게 하기
input type 으로 숫자, number을 지정할 때 일반 자판이 아닌
숫자 자판을 나오게 하려면 아래와 같이 지정해 주면 됩니다.
안드로이드
<input type="number">
아이폰, IOS
<input type="number" pattern="\d*">위처럼 적게 입력하면 Android OR IOS 모두 숫자키패드가 나옵니다.
참고 : https://stackoverflow.com/questions/25425181/iphone-ios-presenting-html-5-keyboard-for-postal-codes
728x90
반응형
'퍼블리싱' 카테고리의 다른 글
| [css]형광펜효과- 가상클래스활용 (0) | 2023.11.20 |
|---|---|
| [Css] 배경 blur 버튼 만들기 (애플 공식 홈 st. 글래스모피즘버튼 ) (0) | 2023.11.13 |
| CSS 애니메이션 타이밍 효과 비교 (linear, ease, ease-in, ease-in-out) (0) | 2023.08.02 |
| [Css 활용] 말풍선 위 아래로 움직이는 효과, 키프레임 (0) | 2023.08.01 |
| [웹 디자인/퍼블리싱] 디자인시 PC 화면 사이즈 정하기(+미디어쿼리 분기점) (0) | 2023.07.06 |
댓글