※ 광고성글은 사전 동의 없이 삭제 합니다.
  체크박스[checkbox] 이미지화 하기 번호 : 560 번글        조회 : 303
작    성    자 : 황홍구  메일 보내기

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

 

<style>

 

input[type="checkbox"] {

    display:none;

}

 

input[type="checkbox"] + label span {

    display:inline-block;

    width:22px;

    height:22px;

margin:0px;

    vertical-align:middle;

    background:url(image/check_off.png) left top no-repeat;

cursor:pointer;

}

 

input[type="checkbox"]:checked + label span {

    background:url(image/check_on.png) left top no-repeat;

}

 

.txt {font-family: Malgun Gothic,'맑은 고딕','돋움','dotum',sans-serif;

font-size:13px;

font-style:normal;}

</style>

 

<body>

 

<div class="txt">

<table width="0" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td style="padding-right:10px;">

        <input type="checkbox" checked="checked" id="c1" name="chek1" />

        <label for="c1"><span></span> 체크1</label> 

    </td>

    <td style="padding-right:10px;">

        <input type="checkbox" id="c2" name="chek2" />

        <label for="c2"><span></span> 체크2</label> 

    </td>

    <td style="padding-right:10px;">

        <input type="checkbox"   id="c3" name="chek3" />

        <label for="c3"><span></span >체크3</label> 

    </td>

    <td>

        <input type="checkbox"  id="c4" name="chek4" />

        <label for="c4"><span></span> 체크4</label> 

    </td>

  </tr>

</table>

</div>

 

 

</body>

</html>​ 

메모남기기 한글 150자 영문300자 이내
작성자         패스워드                현재  0 byte
[관련글] 없음 작성일시 : 2021-10-27 09:58:20
Copyright(c) 2003 xirom all right reserved vol.3
Contact xirom@xirom.net form more information