티스토리 뷰

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
반응형
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
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
글 보관함