체크박스 영역을 크게 잡을수 없나요?
지금은 체크박스를 클릭해야 체크가 되는데요.
li 영역이 100%로 잡혀있습니다. 그럼 li영역만큼 클릭하면 체크가 되게 가능한가요?
<ul>
<li><label><input type="checkbox" name="field8" id="field8_1" value="노인세대"/> 노인세대</label></li>
</ul>
근데 디자인 작업 5년 하면서 이런작업은 처음인데요. 이거 원래 디자이너5년정도면 할줄 알아야 하는건가요...?
댓글 3개
호그라이더
9년 전
label 태그를 활용해보세요.
ex) label {display: block}
ex) label {display: block}
9년 전
아. 블럭이있었네요..ㅠㅠ.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
계속 position:absolute; 만 가지고 머리 싸맨네요....
확실히 영역이 잡히네요~ 감사합니다.
JonghoKim
9년 전
label에 input을 포함하기보다는 label과 input을 분리해서 for와 id로 묶어주는게 좋습니다.
<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
<input type="checkbox" id="label의 for명과 동일" />
<label for="input의 id명과 동일">노인세대</label>
게시글 목록
| 번호 | 제목 |
|---|---|
| 18013 | |
| 18012 | |
| 18011 | |
| 18010 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 18009 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 18008 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 18007 | |
| 18006 |
PHP
HTTP 인증 하기 입니다.
|
| 18005 |
JavaScript
외부 문서 불러오기 입니다.
|
| 18004 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 18003 | |
| 18002 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 18001 |
JavaScript
무단링크 금지하기 입니다.
|
| 18000 | |
| 17999 |
MySQL
DB백업 및 복원
|
| 17998 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 17997 | |
| 17996 | |
| 17995 |
jQuery
input text 대문자만 받는 Jquery
|
| 17994 | |
| 17993 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 17992 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 17991 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 17990 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 17989 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 17988 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 17987 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 17986 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 17985 |
MySQL
대소문자 데이터 조회하기
|
| 17984 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기