티스토리 뷰

WEB2.0/웹표준

모바일 사파리에서는 option의 disabled가 적용되지 않는다

나를찾는아이 2012. 4. 6. 17:03
728x90
반응형
새로 발견한 사실인데 아이폰용 사파리 브라우저(safari), 즉 모바일 사파리에서는

option 태그의 disabled 속성이 적용되지 않더군요.

option 태그에서 disabled 속성을 추가하면

일반 브라우저에서는 해당 option 이 표시는 되지만 선택할 수 없게 비활성화 되어있습니다.



그런데 아이폰에서는 disabled 이 되어있는 항목도 선택이 되네요.




데이터 입력의 무결성을 보장하기 위해서 가장 좋은 방법은

서버측 언어의 도움으로 해당 option 항목을 출력하지 않도록 해야하겠습니다.


아래는 테스트용 코드입니다.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<meta charset="utf-8" />
<title>disabled test</title>
</head>
<body>
<select name="select">
    <option>사과</option>
    <option disabled="disabled">배</option>
    <option>딸기</option>
    <option>수박</option>
    <option>메론</option>
    <option>포도</option>
</select>
</body>
</html>


728x90
반응형
저작자표시

'WEB2.0 > 웹표준' 카테고리의 다른 글

HTML5를 포함하는 reset CSS normalize.css  (0) 2012.04.13
파이어폭스에서 미디어쿼리 테스트할 때 주의해야할 것  (1) 2012.04.11
-9999px을 대체하는 새로운 image replacement 기법  (0) 2012.03.27
iscroll로 overflow scroll 효과 내기  (1) 2012.02.14
트위터스러운 웹사이트 간단하게 만들어보기  (0) 2012.01.27
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함