iOS/Mobile Safari 변경 <입력> 레이블을 기반으로 속성을 입력 하시겠습니까?

StackOverflow https://stackoverflow.com/questions/19823763

문제

Google을 통해 문서 나 다른 보고서를 찾을 수 없었습니다.

Mobile Safari (적어도 iOS6+7)에는 여러 가지가 포함 된 양식이 있습니다. <input>s가있는 s = "텍스트". 이 필드 중 몇 개는 사용자의 이메일 주소와 전화 번호를위한 것이며 적절하게 표시되어 있습니다. 내가 Mobile Safari가 변화하고 있다고 말할 수있는 한 <input>s 라벨에 적합한 "유형"속성을 제공하려면 이메일 필드에 유형 = "이메일"이 주어지고 전화 번호 필드는 유형 = "숫자"(이상하게도 type = "tel "). 이메일 필드의 경우이 문제는 문제가되지 않지만 전화 번호 필드는 "번호"필드에 대한 올바른 형식이 아니기 때문에 기본값을 렌더링하지 못합니다 (숫자는 공백으로 표시됩니다). 지금까지 나는 이것을 일으킬 수있는 JavaScript를 찾지 못했습니다.

"유형"속성이 완전히 생략 될 때 이런 일이 발생하지만이 필드가 유형 = "텍스트"로 확실히 렌더링되고 있음을 두 번 확인했으며 모든 주요 데스크톱 브라우저가 필드를 올바르게 렌더링하고 있음을 확인했습니다. 전화 필드가 유형에 형식 제한이 있다고 생각하지 않기 때문에 전화 필드가 type = "tel"으로 변경되면 문제가 될 것이라고 생각하지 않습니다.

Safari의 웹 검사관과 쌍을 이루는 Xcode의 iOS 시뮬레이터를 통해 iOS를 테스트하고 있습니다. 다음은 웹 검사관에 "휴대 전화"라벨이 붙은 필드의 스크린 샷입니다.

Phone field in Safari web inspector

그리고 여기에 해당 필드가 렌더링되는 방법입니다 (값이 렌더링되지 않음).

enter image description here

다른 사람이 이것을 만났습니까?

업데이트: 이 jsfiddle iOS에서는 잘 작동하여 WebKit이 아닌 JavaScript 문제 일 수 있음을 나타내는 것이지만 지금까지는 JavaScript를 발견 할 수 없었지만이를 유발할 수 있습니다.

도움이 되었습니까?

해결책

HTML과 함께 JavaScript 코드를 사용하고 있습니까? JQuery/JQuery UI와 같은 것은 특정 유형으로 설정 될 때 필드를 업데이트 할 수 있습니다. 웹 뷰/브라우저에서 JavaScript를 비활성화하려고 시도 했습니까?

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top