스

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

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

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>
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-13 조회 2,169
16-07-12 조회 2,347
16-07-12 조회 2,376
16-07-11 조회 2,192
16-06-05 조회 2,914
16-06-03 조회 3,032
16-05-26 조회 2,956
15-09-22 조회 4,988
15-06-10 조회 4,830
14-10-25 조회 6,356
14-10-22 조회 8,984
14-09-21 조회 5,788
14-09-16 조회 5,071
14-08-22 조회 1.1만
14-08-13 조회 5,903
14-08-12 조회 5,439
14-08-12 조회 6,299
14-08-11 조회 6,925
14-06-12 조회 6,200
14-06-11 조회 5,107
14-05-09 조회 5,420
14-05-09 조회 6,383
14-05-09 조회 6,412
14-05-08 조회 5,749
14-04-17 조회 4,746
14-04-16 조회 4,580
14-04-15 조회 4,585
14-04-15 조회 4,533
14-04-15 조회 4,304
14-04-14 조회 4,288
14-04-14 조회 4,257
14-04-14 조회 4,633
14-04-14 조회 4,778
14-04-14 조회 4,760
14-04-13 조회 4,665
14-04-12 조회 4,233
14-04-12 조회 4,374
14-04-12 조회 4,482
14-04-11 조회 5,007
14-04-10 조회 4,743
14-04-10 조회 4,778
14-04-09 조회 4,936
14-04-09 조회 5,304
14-04-08 조회 6,970
13-10-30 조회 7,652
13-07-11 조회 5,135
13-03-28 조회 1.1만
13-02-27 조회 6,786
13-02-14 조회 5,605
13-01-10 조회 4,522
12-12-31 조회 5,102
12-12-20 조회 6,118
12-12-12 조회 5,275
12-12-07 조회 4,498
12-11-28 조회 4,850
12-11-22 조회 5,290
12-11-12 조회 5,655
12-09-22 조회 4,511
12-09-18 조회 4,701