돼

data-toggle 체크박스 활용

· 2015-01-16 (금) 05:30:59 · 4401

자동로그인을 위주로 설명을 간략하게 드리겠습니다.


abe9e4cc71312a6558e0e4de7e9b0547_1421351067_5788.png


<잘못된 예시>


<span class="btn btn-default" for="auto_login​">

<input  type="checkbox" name="auto_login" id="auto_login​"><label for="auto_login​">자동로그인</label>

</span>


button 태그안에 label  텍스트 클릭시에 체크가 되는방식 X


<올바른 예시>


input박스안에 data-toggle="checkbox"​ 을 사용하는 방식 O


<span class="btn btn-default" for="auto_login​">

<input  type="checkbox" name="auto_login" id="auto_login​"​ data-toggle="checkbox"> 자동로그인

</span>



잘못된 예시 문제.


1. 크롬에서는 텍스트를 클릭해줘야 체크가 됨

2. 크롬보다 더욱더 문제는 익스에선 체크 자체가 안먹힘


data-toggle 활용

|
댓글을 작성하시려면 로그인이 필요합니다.

강좌게시판

522건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
15-04-24 조회 1,735
15-04-24 조회 1,965
15-04-02 조회 2,081
15-01-16 조회 4,402
14-11-07 조회 4,728
14-11-06 조회 4,335
14-11-06 조회 4,146
14-11-05 조회 3,811
14-11-05 조회 4,199
14-11-05 조회 5,002
14-11-04 조회 4,212
14-11-03 조회 5,535
14-10-31 조회 2,952
14-10-13 조회 3,483
14-10-11 조회 3,537
14-10-11 조회 3,474
14-10-11 조회 3,364
14-10-10 조회 3,377
14-10-10 조회 3,162
14-10-08 조회 3,851
14-10-07 조회 3,344
14-10-06 조회 3,633
14-10-06 조회 4,577
14-09-27 조회 2,250
14-09-27 조회 1,742