File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link href="../../../resources/manage/css/style.css" rel="stylesheet">
<style type="text/css">
.body {
padding: 0 50px;
}
.body h1 {
margin: 80px 0 20px;
font-size: 24px;
font-weight: 500;
}
.body .gtit {
font-weight: 600;
font-size: 40px;
border-bottom: 1px solid #111;
padding-bottom: 30px;
}
</style>
</head>
<body>
<div class="body">
<h1 class="gtit">select & input</h1>
<h1>select</h1>
<div>
<select title="옵션 선택">
<option>셀렉트박스</option>
</select>
<select title="옵션 선택" disabled>
<option>셀렉트박스 disabled</option>
</select>
</div>
<div style="margin-top:8px">
<select title="옵션 선택" class="lnb-sel">
<option>LNB 서브메뉴</option>
</select>
</div>
<h1>input</h1>
<div>
<input type="text" placeholder="text">
<input type="text" placeholder="text" disabled>
</div>
<h1>textarea</h1>
<div>
<textarea rows="10"></textarea>
</div>
<h1>checkbox / radio</h1>
<div>
<div class="checkradio">
<input type="checkbox" name="checkbox" id="c1">
<label for="c1">체크박스1</label>
</div>
<div class="checkradio">
<input type="checkbox" name="checkbox" id="c2">
<label for="c2">체크박스2</label>
</div>
<div class="checkradio">
<input type="checkbox" name="checkbox" id="c3" disabled>
<label for="c3">체크박스 disabled</label>
</div>
</div>
<div style="margin-top:20px">
<p>*텍스트없음 (label class="txt-hide")</p>
<div class="checkradio">
<input type="checkbox" name="checkbox" checked id="c3">
<label for="c3" class="txt-hide"></label>
</div>
</div>
<div style="margin-top:20px">
<div class="checkradio">
<input type="radio" name="radio" id="r1">
<label for="r1">라디오1</label>
</div>
<div class="checkradio">
<input type="radio" name="radio" id="r2">
<label for="r2">라디오2</label>
</div>
<div class="checkradio">
<input type="radio" name="radio" id="r3" disabled>
<label for="r3">라디오 disabled</label>
</div>
</div>
<div class="mt20">
<fieldset class="checkradio-custom-area">
<legend>체크박스 영역</legend>
<div class="checkradio">
<input type="checkbox" name="cCus" id="cCus1_1">
<label for="cCus1_1">체크박스 cus1</label>
</div>
<div class="checkradio">
<input type="checkbox" name="cCus" id="cCus1_2">
<label for="cCus1_2">체크박스 cus2</label>
</div>
</fieldset>
</div>
<div class="mt20">
<fieldset class="checkradio-custom-area">
<legend>체크박스 영역</legend>
<div class="checkradio">
<input type="radio" name="rCus" id="rCus1_1">
<label for="rCus1_1">라디오 cus1</label>
</div>
<div class="checkradio">
<input type="radio" name="rCus" id="rCus1_2">
<label for="rCus1_2">라디오 cus2</label>
</div>
</fieldset>
</div>
</div>
<script src="../../../resources/manage/js/jquery-3.6.0.min.js"></script>
<!--퍼블 layout-->
<script src="../../../resources/manage/js/_layout.js"></script>
<script src="../../../resources/manage/js/jquery-ui.min.js"></script>
<script src="../../../resources/manage/js/jquery.easing.1.3.js"></script>
<script src="../../../resources/manage/js/ssm.min.js"></script>
<script src="../../../resources/manage/js/swiper-bundle.js"></script>
<script src="../../../resources/manage/js/common.js"></script>
</body>
</html>