스

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

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

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-30 조회 2,923
16-05-11 조회 3,445
16-03-21 조회 3,205
16-03-19 조회 3,138
16-03-17 조회 2,967
16-03-17 조회 3,035
16-03-14 조회 3,056
16-03-13 조회 2,988
16-03-09 조회 3,442
16-03-08 조회 3,063
16-03-08 조회 2,866
16-03-08 조회 2,888
16-03-08 조회 3,037
16-03-07 조회 2,825
16-03-07 조회 2,816
16-02-29 조회 3,228
16-02-25 조회 3,209
16-02-22 조회 3,013
16-02-12 조회 3,309
16-02-04 조회 3,135
16-02-04 조회 3,411
16-02-04 조회 3,046
16-02-03 조회 3,203
16-02-03 조회 3,020
16-02-02 조회 2,970
16-02-02 조회 2,860
16-02-01 조회 2,864
16-01-30 조회 2,693
16-01-30 조회 2,879
16-01-30 조회 2,993
16-01-30 조회 2,805
16-01-29 조회 2,675
16-01-28 조회 3,005
16-01-28 조회 2,835
16-01-27 조회 2,579
16-01-26 조회 2,556
16-01-26 조회 2,786
16-01-25 조회 2,609
16-01-22 조회 2,594
16-01-22 조회 2,674
16-01-21 조회 2,585
16-01-19 조회 2,500
16-01-19 조회 2,536
16-01-18 조회 2,518
16-01-17 조회 2,689
16-01-14 조회 2,612
16-01-13 조회 2,807
16-01-12 조회 2,914
16-01-12 조회 2,653
16-01-11 조회 2,665
15-12-30 조회 3,245
15-12-29 조회 2,612
15-12-28 조회 2,647
15-12-09 조회 2,709
15-12-08 조회 2,917
15-12-08 조회 2,671
15-12-08 조회 2,943
15-12-07 조회 2,741
15-12-07 조회 3,141
15-12-07 조회 2,766
15-12-06 조회 2,894
15-12-06 조회 2,606
15-12-06 조회 2,923
15-12-05 조회 2,773
15-12-05 조회 3,047
15-12-05 조회 2,796
15-12-04 조회 2,661
15-12-04 조회 2,773
15-12-04 조회 2,828
15-12-03 조회 2,776
15-12-03 조회 2,809
15-12-03 조회 2,846
15-12-02 조회 2,938
15-12-02 조회 2,865
15-12-02 조회 3,033
15-12-02 조회 3,172
15-12-01 조회 2,751
15-12-01 조회 2,545
15-12-01 조회 2,625
15-11-30 조회 2,810
15-11-30 조회 2,988
15-11-30 조회 2,870
15-11-29 조회 2,639
15-11-29 조회 2,893
15-11-29 조회 2,696
15-11-28 조회 2,631
15-11-28 조회 2,662
15-11-28 조회 2,696
15-11-27 조회 2,783
15-11-27 조회 2,642
15-11-27 조회 2,651
15-11-25 조회 2,744
15-11-25 조회 2,800
15-11-25 조회 2,589
15-11-23 조회 2,873
15-11-23 조회 3,015
15-11-23 조회 2,836
15-11-21 조회 2,733
15-11-21 조회 2,622
15-11-21 조회 2,569