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

새로 발견한 사실인데 아이폰용 사파리 브라우저(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>


| 1 | ··· | 577 | 578 | 579 | 580 | 581 | 582 | 583 | 584 | 585 | ··· | 1788 |