data-toggle 체크박스 활용

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

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


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 활용

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

퍼블리싱강좌

302건
+
분류 제목 글쓴이 날짜 조회
AngularJS 17-01-02 조회 2,849
AngularJS 16-12-29 조회 2,213
AngularJS 16-12-28 조회 3,279
AngularJS
[AngularJS]
16-12-27 조회 2,836
반응형웹 16-09-07 조회 4,920
반응형웹 16-08-05 조회 8,022
부트스트랩 15-06-21 조회 1.5만
부트스트랩 15-01-16 조회 9,828
표준화 14-05-07 조회 8,875
반응형웹 13-07-11 조회 1.4만
표준화 13-06-19 조회 9,999
표준화 12-12-20 조회 1.7만
반응형웹 12-12-03 조회 2만
반응형웹 12-11-26 조회 3.2만
반응형웹 12-11-23 조회 3.7만
표준화 12-11-22 조회 1.3만
반응형웹 12-11-19 조회 3만
반응형웹 12-11-14 조회 1.2만
반응형웹 12-11-11 조회 3.2만
반응형웹 12-11-06 조회 3만
반응형웹 12-11-03 조회 4만
반응형웹 12-11-02 조회 5.1만
반응형웹 12-11-01 조회 3.3만
표준화 12-10-30 조회 9,588
표준화 12-10-26 조회 1.2만
표준화 12-10-25 조회 9,608
표준화 12-10-24 조회 1.2만
표준화 12-10-17 조회 1.2만
표준화 12-10-10 조회 1.5만
표준화 12-10-09 조회 8,488