2011-05-05 7 views
2

아이폰의 모바일 사파리는, 대부분의 새로운 HTML5 입력 유형을 인식, 특히 보인다, here 사람 상세한 입력에 도청은과 같이 선언하도록 :HTML5 입력은

<input type="number" id="myInput" value=""/> 

아이폰의 숫자 키패드를 제공합니다 .

그러나 Android 브라우저에서는 동일한 입력을 탭할 때 일반 텍스트 키패드가 표시됩니다.

안드로이드 브라우저 또는 설정할 수있는 대체 속성 또는 안드로이드 브라우저에서이 설정을 존중하도록 포함 할 수있는 라이브러리에 대한 해결책이 있습니까?

답변

1

당신이 입력 요소의 "수"와 같은 유형을 지정하면 숫자 키패드

<input type="number" pattern="[0-9]*" name="amount_zip" value="loading.."></input> 

패턴 속성이 아이폰을위한 예를 들어,

과 함께 자동으로 열립니다 당신은 또한 더 많은 것을 얻을 수있는 것 난 그냥 Xoom을 통해 <input type="number">을 시도 here

1

입력에 대한 정보 (Honecomb, 내 생각) 그리고 승, 원인을 열 수있는 숫자 키패드를 수행 hich는 훌륭하지만이 필드는 양의 정수를 허용하는 것으로 나타납니다. '-'와 '.'를 치면. 키패드의 키는 아무 효과가 없습니다. 관련 최소/최대 속성을 추가하거나 적절한 패턴을 설정해도 효과가없는 것 같습니다. 즉, 키보드가 나타나고 숫자 필드가 0 또는 양의 정수 여야 만하면됩니다. 그렇지 않은 경우 (음수), 텍스트를 사용해야합니다.

(나는 여기서 질문에 답하고 있지 않다는 것을 깨달았지만 이전 답변에 대한 의견으로 남겨두고 싶습니다. 그러나 어떻게 알아낼 수는 없습니다)

관련 문제