스

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

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

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-06-03 조회 3,032
15-07-30 조회 3,420
15-06-08 조회 5,562
15-05-27 조회 4,418
15-01-08 조회 6,719
14-12-30 조회 5,450
14-10-10 조회 5,443
14-08-13 조회 6,357
14-08-11 조회 5,212
14-08-06 조회 6,549
14-03-19 조회 7,441
13-04-26 조회 9,598
12-12-15 조회 5,122
12-12-15 조회 7,356
12-12-11 조회 5,500
12-11-21 조회 6,028
12-10-11 조회 5,107
12-10-03 조회 4,800
12-09-20 조회 6,098
12-09-02 조회 4,275
12-08-29 조회 5,288
12-08-29 조회 4,165
12-08-24 조회 4,269
12-08-18 조회 4,485
12-08-17 조회 4,529
12-08-16 조회 3,785
12-08-06 조회 5,563
12-08-05 조회 4,848
12-08-03 조회 4,565
12-08-03 조회 4,714
12-07-29 조회 3,564
12-07-24 조회 4,154
12-07-22 조회 3,619
12-07-20 조회 4,380
12-07-19 조회 4,722
12-07-19 조회 3,952
12-07-19 조회 3,898
12-07-19 조회 5,563
12-07-19 조회 3,507
12-07-18 조회 5,198
12-07-15 조회 4,175
12-07-14 조회 3,845
12-07-12 조회 4,517
12-07-11 조회 3,791
12-07-11 조회 3,512
12-07-11 조회 3,489
12-07-10 조회 4,676
12-07-09 조회 3,422
12-07-09 조회 4,241
12-07-09 조회 4,661
12-07-08 조회 4,576
12-07-07 조회 5,498
12-07-06 조회 4,752
12-07-06 조회 4,021
12-07-06 조회 3,905
12-07-06 조회 3,846
12-07-02 조회 5,522
12-07-02 조회 4,219
12-06-29 조회 3,744
12-06-28 조회 4,364
12-06-26 조회 3,862
12-06-26 조회 4,979
12-06-21 조회 3,958
12-06-20 조회 4,660
12-06-20 조회 4,297
12-06-15 조회 4,651
12-06-15 조회 4,387
12-06-13 조회 7,403
12-06-05 조회 7,377
12-06-04 조회 3,952
12-06-03 조회 3,802
12-05-31 조회 3,797
12-05-28 조회 6,642
12-05-27 조회 3,877
12-05-25 조회 4,013
12-05-23 조회 4,421
12-05-21 조회 5,131
12-05-17 조회 4,065
12-05-17 조회 3,984
12-05-09 조회 4,059
12-05-07 조회 4,318
12-05-02 조회 4,503
12-05-01 조회 4,680
12-04-30 조회 3,430
12-04-30 조회 4,372
12-04-25 조회 4,462
12-04-25 조회 4,884
12-04-24 조회 3,846
12-04-24 조회 4,622
12-04-23 조회 3,612
12-04-20 조회 3,271
12-04-17 조회 5,454
12-04-16 조회 4,391
12-04-14 조회 3,672
12-04-14 조회 3,706
12-04-14 조회 3,750
12-04-13 조회 3,376
12-04-13 조회 4,562
12-04-13 조회 6,203
12-04-12 조회 3,368