스

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

· 2015-12-22 (화) 10:33:10 · 2699 · 3

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

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

 

<ul>

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

</ul>

 

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

|

댓글 3개

2015-12-22 (화) 10:53:27
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-01-11 조회 2,258
16-01-11 조회 2,350
16-01-11 조회 2,286
16-01-08 조회 2,753
16-01-08 조회 2,460
16-01-07 조회 2,499
16-01-05 조회 2,506
16-01-05 조회 2,502
16-01-05 조회 2,796
16-01-05 조회 2,639
16-01-05 조회 2,694
16-01-04 조회 2,476
16-01-04 조회 2,577
16-01-04 조회 2,531
16-01-04 조회 2,447
16-01-03 조회 3,240
16-01-03 조회 2,584
16-01-03 조회 2,751
16-01-02 조회 2,772
16-01-02 조회 2,519
16-01-02 조회 2,612
16-01-02 조회 2,427
16-01-01 조회 2,716
16-01-01 조회 2,598
16-01-01 조회 2,644
15-12-31 조회 2,485
15-12-31 조회 3,181
15-12-31 조회 2,743
15-12-31 조회 2,763
15-12-31 조회 2,629
15-12-30 조회 2,585
15-12-30 조회 3,060
15-12-30 조회 2,735
15-12-30 조회 2,650
15-12-30 조회 2,487
15-12-30 조회 2,478
15-12-29 조회 2,517
15-12-29 조회 2,684
15-12-29 조회 2,791
15-12-29 조회 2,543
15-12-28 조회 2,566
15-12-28 조회 2,547
15-12-28 조회 2,516
15-12-28 조회 2,451
15-12-27 조회 3,130
15-12-27 조회 2,588
15-12-27 조회 2,502
15-12-27 조회 2,529
15-12-26 조회 2,517
15-12-26 조회 2,546
15-12-26 조회 2,551
15-12-25 조회 3,219
15-12-25 조회 2,487
15-12-25 조회 2,461
15-12-25 조회 2,385
15-12-24 조회 2,969
15-12-24 조회 2,558
15-12-24 조회 2,596
15-12-24 조회 2,624
15-12-24 조회 2,581
15-12-23 조회 2,732
15-12-23 조회 2,548
15-12-23 조회 2,424
15-12-23 조회 2,561
15-12-23 조회 2,506
15-12-22 조회 2,700
15-12-22 조회 2,543
15-12-22 조회 2,544
15-12-22 조회 2,449
15-12-21 조회 2,454
15-12-21 조회 2,520
15-12-21 조회 2,460
15-12-20 조회 2,526
15-12-20 조회 2,652
15-12-20 조회 2,481
15-12-19 조회 2,545
15-12-19 조회 2,538
15-12-19 조회 2,540
15-12-18 조회 2,843
15-12-18 조회 2,532
15-12-18 조회 2,515
15-12-18 조회 2,510
15-12-17 조회 2,553
15-12-17 조회 2,487
15-12-17 조회 2,489
15-12-17 조회 2,456
15-12-16 조회 2,459
15-12-16 조회 2,512
15-12-16 조회 2,449
15-12-16 조회 2,649
15-12-15 조회 2,787
15-12-15 조회 2,728
15-12-15 조회 2,461
15-12-15 조회 2,453
15-12-15 조회 2,448
15-12-14 조회 2,531
15-12-14 조회 2,603
15-12-14 조회 2,437
15-12-13 조회 2,417
15-12-13 조회 2,443