체크박스 영역을 크게 잡을수 없나요?

지금은 체크박스를 클릭해야 체크가 되는데요.

li 영역이 100%로 잡혀있습니다. 그럼 li영역만큼 클릭하면 체크가 되게 가능한가요?

 

<ul>

<li><label><input type="checkbox" name="field8" id="field8_1" value="노인세대"/> 노인세대</label></li>

</ul>

 

근데 디자인 작업 5년 하면서 이런작업은 처음인데요. 이거 원래 디자이너5년정도면 할줄 알아야 하는건가요...? 

|

댓글 3개

label 태그를 활용해보세요.
ex) label {display: block}
아. 블럭이있었네요..ㅠㅠ.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
label에 input을 포함하기보다는 label과 input을 분리해서 for와 id로 묶어주는게 좋습니다.

<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10년 전 조회 1,108
10년 전 조회 1,121
10년 전 조회 1,355
10년 전 조회 1,150
10년 전 조회 1,175
10년 전 조회 1,031
10년 전 조회 1,293
10년 전 조회 1,123
10년 전 조회 1,036
10년 전 조회 1,080
10년 전 조회 1,775
10년 전 조회 1,119
10년 전 조회 1,127
10년 전 조회 1,117
10년 전 조회 1,235
10년 전 조회 1,721
10년 전 조회 1,316
10년 전 조회 1,127
10년 전 조회 1,044
10년 전 조회 1,104
10년 전 조회 1,193
10년 전 조회 1,106
10년 전 조회 1,175
10년 전 조회 1,099
10년 전 조회 1,247
10년 전 조회 1,123
10년 전 조회 1,105
10년 전 조회 1,027
10년 전 조회 1,680
10년 전 조회 1,170
10년 전 조회 1,115
10년 전 조회 1,142
10년 전 조회 1,136
10년 전 조회 1,148
10년 전 조회 1,152
10년 전 조회 1,635
10년 전 조회 1,087
10년 전 조회 1,149
10년 전 조회 1,040
10년 전 조회 1,616
10년 전 조회 1,203
10년 전 조회 1,199
10년 전 조회 1,251
10년 전 조회 1,188
10년 전 조회 1,204
10년 전 조회 1,123
10년 전 조회 1,024
10년 전 조회 1,156
10년 전 조회 1,035
10년 전 조회 1,329
10년 전 조회 1,077
10년 전 조회 1,049
10년 전 조회 1,093
10년 전 조회 1,114
10년 전 조회 1,148
10년 전 조회 1,085
10년 전 조회 1,102
10년 전 조회 1,271
10년 전 조회 1,094
10년 전 조회 1,189
10년 전 조회 1,124
10년 전 조회 1,184
10년 전 조회 1,286
10년 전 조회 1,155
10년 전 조회 1,130
10년 전 조회 1,154
10년 전 조회 1,228
10년 전 조회 1,143
10년 전 조회 1,098
10년 전 조회 1,127
10년 전 조회 1,129
10년 전 조회 1,079
10년 전 조회 1,100
10년 전 조회 1,314
10년 전 조회 1,473
10년 전 조회 1,370
10년 전 조회 1,126
10년 전 조회 1,128
10년 전 조회 1,094
10년 전 조회 1,106
10년 전 조회 1,200
10년 전 조회 1,145
10년 전 조회 1,046
10년 전 조회 1,117
10년 전 조회 1,491
10년 전 조회 1,924
10년 전 조회 1,520
10년 전 조회 1,313
10년 전 조회 1,327
10년 전 조회 1,143
10년 전 조회 1,136
10년 전 조회 1,165
10년 전 조회 1,124
10년 전 조회 1,150
10년 전 조회 1,144
10년 전 조회 1,321
10년 전 조회 1,249
10년 전 조회 1,959
10년 전 조회 1,500
10년 전 조회 1,226