본문 바로가기

HTML

iOS5의 사파리에서 input태그 number타입의 바뀐점

기존 iOS4버전대에서는 number타입에 '-'를 넣어도 정상적인 표기가 가능하였다.

태그

<input type="number" value="010-1234-1234" />


출력(아이폰 iOS5에서는 아무것도 출력되지 않는다.)


이렇게 하면 별도로 전화번호 검증 스크립트가 필요하다.
하지만 이번에 업데이트되면서 입력되는 값의 검사를 따로 만들 필요가 없어졌다.
기존에 개발되어 있는 페이지에서 number타입으로 전화번로를 사용하는 페이지가 있었다.
왜 그렇게 개발했는지는 모르겠으나 여기서 문제가 발생해, 아이폰에서 입력만 하면 전화번호가 지워지는 웃기는 일이 발생했다. 그래서 혹시나 싶어서 tel타입으로 바꿔주니 잘 동작한다.

태그

<input type="tel" value="010-1234-1234" />


출력


 
iOS5 사파리에서 태그를 검증하는 부분이 개발자에게 상당히 편하게 개선된듯하다.
하지만, 일일이 찾아서 수정하기 힘들기 때문에 당분간 이런 오류가 발생하지 않을까 생각한다. 

* 현재 크롬14.0.835.202,사파리 5.1에서도 같은 증상이 나온다.
* 최신버젼 파폭 7.0.1과 사파리5.0.1, IE6에서는 number타입에서 잘 나온다.
* 안드로이드 진져브레드에서는 number타입에서 잘 나온다.

'HTML' 카테고리의 다른 글

favicon.ico로 인한 404 에러  (0) 2012.11.19
플래시/동영상 위에 레이어 띄우기  (1) 2011.10.17