A colossal Dreamer: GR鐵塔-天生我材

[아이폰:모바일사파리] 폼 텍스트 전용키보드 제어(Mobile Safari specific input keyboard Problem) 본문

Development/아이폰

[아이폰:모바일사파리] 폼 텍스트 전용키보드 제어(Mobile Safari specific input keyboard Problem)

江多林 2010. 4. 8. 13:40
모바일웹의 경우 키인해야하는 것이 불편하여,
url, 숫자, email 을 전용 키보드를 APP에서 지정은 어렵지 않으나
모바일 웹 폼입력에서 사용을 어떻게 하는지 검색하여 찾았습니다. ㅎㅎㅎ

http://stackoverflow.com/questions/593245/iphone-web-applications-and-specific-input-types
아이폰 역시 스택오버플로가 최고임을 다시 깨닫는 순간..

기존 피처폰(전화만되는전화:feature phone)에서 사용하는 WAP의 경우
WAP전용 CSS인 WAP-CSS의 "-wap-input-format" 속성에 aAnNxXmM 8가지 값을 조합하여
피처폰의 브라우저가 지원하는 경우 전용키보드를 노출할 수 있습니다.

아이폰의 모바일 사파리에서는 WAP을 지원하지 않기 때문에 Wap-CSS 가 적용되지 않습니다.
대신 애플스러운 방식으로 지원합니다.
아마도 모바일 사파리 메뉴얼을 찾아보면 있을 것 같긴 한데 귀찮아서 링크 안 찾아봤습니다. ㅋㅋ

아래 내용을 모바일사파리로 접속하여 보거나,
아래 소스코드 부분으로 html 작성해서 테스트 해보세요.

소스코드
Text: <input type="text" /> <!-- display a standard keyboard --> <br />
Telephone: <input type="tel" /> <!-- display a telephone keypad --> <br />
URL: <input type="url" /> <!-- display a URL keyboard --> <br />
Email: <input type="email" /> <!-- display an email keyboard --> <br />
Zip Code: <input type="text" pattern="[0-9]*" /> <!-- display a numeric keyboard --><br />

적용코드
Text:
Telephone:
URL:
Email:
Zip Code:
Other Code: