2010-05-11 4 views
101

저는 휴대 전화 웹 앱을 개발 중이며 <input type="tel"/>의 혜택을받을 수있는 여러 텍스트 필드가 있습니다. iPhone이 사용자를 위해 키보드를 조정하지만 하위 호환성을 깨뜨릴 염려가 있습니다. 내가 원한 바는 이것을 지원하는 브라우저/전화가 사용자와 다른 브라우저가 표준 텍스트 필드로 돌아갈 수 있도록 도와 줄 수 있다는 것입니다. 이것은 받아 들일만한 관행인가? 그것도 작동합니까?지금 <input type = "tel"/>를 사용해도 되나요?

+0

불행하게도, 오페라 모바일 브라우저가 일반 QWERTY 키보드 대신 숫자 하나, 일반 텍스트 입력 필드를 표시합니다. – andreszs

+0

몇 년 후 http://caniuse.com/#feat=input-email-tel-url –

+0

나는 최상의 참조가 [MDN]이라고 생각합니다 (https://developer.mozilla.org/en-US)./docs/Web/HTML/Element/input) – T04435

답변

124

예, 지원되지 않는 유형은 '유형 = 텍스트'형식으로 되돌아갑니다.

모든 기존 입력 유형을 나열하는 좋은 페이지를 찾았습니다. 다른 브라우저에서 보았습니다. 조금 재미있었습니다. 도움이되는지 아닌지 모르십시오.

http://miketaylr.com/pres/html5/forms2.html

+1

프로젝트에서 browserstack을 7, 8, 9로 사용하여 테스트했으며 모든 것이 기본적으로 텍스트로 입력되었습니다. – JAMESSTONEco

+0

@animuson. 나는 당신에게 어떻게 연락 할 지 모르겠다. 그래서 당신의 대답에 주제를 벗어난이 침입을 용서해라. 오늘 내 주제를 삭제하는 것과 관련하여 제 'meta'게시물을 참조하십시오. 시간 내 주셔서 감사합니다. – markE

+0

좋은 링크 .. 고맙습니다. – deemi

21

지원되지 않는 입력 유형이 발생하면 브라우저는 type = "text"로 되돌아갑니다. 그래서 type = "tel"를 사용하는 것이 좋다고 생각합니다.

14

짧은 대답 : 예. @ el.pescado에 언급 된 바와 같이 브라우저는 유형을 중재하지 않을 때 type=text으로 폴백합니다. HTML5 양식에서 얻은 다른 멋진 기능에 대한 자세한 내용은 HTML5로 다이브 (Dive Into HTML5)의 양식 장인 A Form of Madness을 확인하십시오.

관련 문제