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
반응형