RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
sejin7940
조회:3482 2013.06.21 01:22
출처 | 신현석 블로그 |
---|---|
출처URL | http://hyeonseok.com/pmwiki/index.php/Markup/Label |
서식(form)의 입력 요소(input)에 레이블을 지정하는 태그이다. 레이블과 입력 요소의 연결은 크게 명시적(explicit) 연결과 암시적(implicit) 연결로 나뉜다. 명시적 연결은 레이블 요소의 포(for)속성과 입력 요소의 아이디(id)요소를 같게하여 명시적으로 연결을 지칭하는 방법이다. 그리고, 암시적 연결은 레이블과 입력 요소를 하나의 레이블 요소로 감싸서 레이블 요소 안의 레이블과 입력 요소를 연결해주는 방법이다.
명시적 연결<label for="user-id">아이디</label>
<input type="text" id="user-id" />
암시적 연결<label>
아이디
<input type="text" />
</label>
명시적 연결은 서식을 표 요소로 제작하는 경우와 같이 레이블과 입력 요소 사이에 다른 HTML 요소가 포함될 경우 많이 사용한다.
레이블 요소를 이용해서 입력 요소와 레이블을 연결해주면 입력 요소에 어떠한 내용을 입력해야 하는지 명확해 지기 때문에 접근성이 향상되게 된다. 또한, 운영체제나 브라우저에서 연결된 레이블을 클릭할 경우 입력 요소가 같이 클릭되는 기능을 제공하고 있어서 사용성도 올라가게 된다. 라디오 버튼이나 체크박스와 같이 클릭 영역이 작은 경우에도 레이블을 클릭하면 라디오 버튼이나 체크박스를 클릭한 것과 동일한 효과가 나타나게 된다.
암시적 연결을 사용할 경우 일부 보조기기들은 연결을 인식하지 못하기 때문에 보조기기들이 이를 지원할 때 까지 명시적 연결을 사용하는 것이 더 권장된다.
명시적 연결<label for="user-id">아이디</label>
<input type="text" id="user-id" />
암시적 연결<label>
아이디
<input type="text" />
</label>
명시적 연결은 서식을 표 요소로 제작하는 경우와 같이 레이블과 입력 요소 사이에 다른 HTML 요소가 포함될 경우 많이 사용한다.
레이블 요소를 이용해서 입력 요소와 레이블을 연결해주면 입력 요소에 어떠한 내용을 입력해야 하는지 명확해 지기 때문에 접근성이 향상되게 된다. 또한, 운영체제나 브라우저에서 연결된 레이블을 클릭할 경우 입력 요소가 같이 클릭되는 기능을 제공하고 있어서 사용성도 올라가게 된다. 라디오 버튼이나 체크박스와 같이 클릭 영역이 작은 경우에도 레이블을 클릭하면 라디오 버튼이나 체크박스를 클릭한 것과 동일한 효과가 나타나게 된다.
암시적 연결을 사용할 경우 일부 보조기기들은 연결을 인식하지 못하기 때문에 보조기기들이 이를 지원할 때 까지 명시적 연결을 사용하는 것이 더 권장된다.