¡Ø ±¤°í¼º±ÛÀº »çÀü µ¿ÀÇ ¾øÀÌ »èÁ¦ ÇÕ´Ï´Ù.
  Ã¼Å©¹Ú½º[checkbox] À̹ÌÁöÈ­ Çϱ⠹øÈ£ : 560 ¹ø±Û        Á¶È¸ : 735 ȸ
ÀÛ    ¼º    ÀÚ : Ȳȫ±¸  ¸ÞÀÏ º¸³»±â

<!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