data-toggle 체크박스 활용

퍼블리싱 부트스트랩

돼지코구뇽

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 10년 전 · 조회 4132 4132

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

<잘못된 예시>

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

</span>

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

<올바른 예시>

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

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

</span>

잘못된 예시 문제.

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

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

data-toggle 활용

댓글 작성

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

로그인하기

게시판 목록

강좌게시판

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

글쓰기

번호	제목	글쓴이	날짜	조회
497	105. 일러스트 CC : 윈도우(W) → 정돈(A) #일러스트레이터cc #윈도우	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	617
496	104. 일러스트 CC : 윈도우(W) → 새 윈도우(W) #일러스트레이터cc #윈도우	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	489
495	103. 일러스트 CC : 보기(V) → 새 보기(I), 보기 편집 #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	436
494	102. 일러스트 CC : 보기(V) → 원근감 격자(P) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2081
493	101. 일러스트 CC : 보기(V) → 안내선(U), 특수 문자 안내선(Q) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1709
492	100. 일러스트 CC : 보기(V) → 그라디언트 주석자 표시, 모퉁이 위젯 숨기기(W), 라이브 페인트 간격 표시 #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	668
491	099. 일러스트 CC : 보기(V) → 테두리 상자 숨기기(J), 투명 격자 표시(Y), 텍스트 스레드 숨기기(H) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1208
490	098. 일러스트 CC : 보기(V) → 템플릿 숨기기(L),눈금자(R) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	897
489	097. 일러스트 CC : 보기(V) → 분할 영역 표시(S), 분할 영역 잠금(K) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	736
488	096. 일러스트 CC : 보기(V) → 가장자리 표시(D), 대지 숨기기(B), 타일링 인쇄 표시(T) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	882
487	095. 일러스트 CC : 보기(V) → 윈도우에 대지 맞추기(W), 윈도우에 모두 맞추기(L), 실제 크기(E) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	877
486	094. 일러스트 CC : 보기(V) → 확대(Z), 축소(M) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	599
485	093. 일러스트 CC : 보기(V) → 보정 설정(F), 보정 색상(C) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	681
484	092. 일러스트 CC : 보기(V) → 중복 인쇄 미리보기(V), 픽셀 미리보기(X) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	960
483	091. 일러스트 CC : 보기(V) → 윤곽선(O) #일러스트레이터cc #보기	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1092
482	090. 일러스트 CC : 효과(C) → 비디오, 픽셀화, 흐림효과 #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1048
481	089. 일러스트 CC : 효과(C) → 효과 갤러리-2 #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	850
480	088. 일러스트 CC : 효과(C) → 효과 갤러리-1 #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	798
479	087. 일러스트 CC : 효과(C) → 패스파인더(F)-2 #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1281
478	086. 일러스트 CC : 효과(C) → 패스파인더(F)-1 #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1606
477	085. 일러스트 CC : 효과(C) → 자르기 표시(O), 패스(P) #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1493
476	084. 일러스트 CC : 효과(C) → 왜곡과 변형(D) #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1012
475	083. 일러스트 CC : 효과(C) → 스타일화(S) #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1405
474	082. 일러스트 CC : 효과(C) → 래스터화(R), 변형(W) #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1657
473	081. 일러스트 CC : 효과(C) → 도형으로 변환(V) #일러스트레이터cc #효과	아리아나벤티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	578