티스토리 뷰

Web

IOS mobile html5 숫자 키패드 나오게 하기

터프남 2021. 1. 3. 17:28
728x90

input tpye=”number” 적용시 AOS 에서는 숫자 키패드만 불러올 수 있는 반면,

ios 에서는 적용되지않는다.

해결방법은 하단에 보이는 코드처럼 input 태그 안에 pattern=”[0-9]*” 또는 pattern="\d*" 입력 하면 해결됨

<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h3>숫자 pattern[0-9]*</h3>
    <input type="number" pattern="[0-9]*" placeholder="number" name="" id="">
    <h3>이메일</h3>
    <input type="email" name="" id="">
</body>
</html>

https://stackoverflow.com/questions/25425181/iphone-ios-presenting-html-5-keyboard-for-postal-codes 참고

728x90
저작자표시
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/12   »
일 월 화 수 목 금 토
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 31
글 보관함