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/front/manage/css/style.css" rel="stylesheet" />
</head>
<body>
<div class="accessibility">
<a href="#skipToContents">콘텐츠 바로가기</a>
</div>
<header class="site-header"></header>
<div class="site-body" id="skipToContents">
<div class="lnb-area"></div>
<div class="container">
<div class="contents">
<div class="tit-area">
<div class="l-area">
<h2 class="tit">타이틀</h2>
</div>
</div>
<div class="write-type">
<table>
<caption>~ 입력으로 ~로 구성되어있습니다.</caption>
<colgroup>
<col style="width:250px" />
<col />
</colgroup>
<tbody>
<tr>
<th scope="row">셀렉트 유형 <i class="required">*<span class="txt-hide" >필수</span></i></th>
<td>
<div class="selectbox">
<select title="셀렉트 타이틀">
<option>셀렉트 길이는 텍스트 길이에 따라서</option>
</select>
</div>
</td>
</tr>
<tr>
<th scope="row">셀렉트 + 인풋 유형 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="selectbox">
<select title="셀렉트 타이틀1 선택">
<option>선택1</option>
</select>
</div>
<div class="selectbox">
<select title="셀렉트 타이틀2 선택">
<option>선택2</option>
</select>
</div>
<input type="text" title="인풋박스 선택" />
</td>
</tr>
<tr>
<th scope="row">인풋 짧은 숫자용 인풋 짧은 숫자용</th>
<td>
<label><input type="number" title="인풋박스" class="q0" /> 호선</label>
<label><input type="number" title="인풋박스" class="q0" /> 방향</label>
</td>
</tr>
<tr>
<th scope="row">인풋 q1</th>
<td>
<input type="text" title="인풋박스" class="q1" />
<input type="text" title="인풋박스" class="q1" />
<input type="text" title="인풋박스" class="q1" />
<input type="text" title="인풋박스" class="q1" />
</td>
</tr>
<tr>
<th scope="row">인풋 q2</th>
<td>
<input type="text" title="인풋박스" class="q2" />
<input type="text" title="인풋박스" class="q2" />
</td>
</tr>
<tr>
<th scope="row">인풋 q3</th>
<td>
<input type="text" title="인풋박스" class="q3" />
</td>
</tr>
<tr>
<th scope="row">인풋 q4</th>
<td>
<input type="text" title="인풋박스" class="q4" />
</td>
</tr>
<tr>
<th scope="row">인풋 체크박스 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="checkradio">
<input type="checkbox" id="c1" checked />
<label for="c1">체크박스1</label>
</div>
<div class="checkradio">
<input type="checkbox" id="c2" />
<label for="c2">체크박스2</label>
</div>
</td>
</tr>
<tr>
<th scope="row">인풋 라디오 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="checkradio">
<input type="radio" name="radio" id="r1" checked />
<label for="r1">라디오1</label>
</div>
<div class="checkradio">
<input type="radio" name="radio" id="r2" />
<label for="r2">라디오1</label>
</div>
</td>
</tr>
<tr>
<th scope="row">보조텍스트 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<input type="text" title="인풋박스" class="q2" />
<p class="msg"><em>보조텍스트</em> 입력하는 영역 16px</p>
</td>
</tr>
<tr>
<th scope="row">주소 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<input type="text" title="우편번호 입력" class="q0" />
<button type="button" class="btn">우편번호</button>
<input type="text" title="주소 입력" class="q3 block" />
<input type="text" title="상세주소 입력" class="q3 block" />
</td>
</tr>
<tr>
<th>전화번호</th>
<td>
<input type="text" title="전화번호1" class="q0" />
</td>
</tr>
<tr>
<th>전화번호</th>
<td>
<input type="text" title="전화번호1" class="q0" />
<input type="text" title="전화번호2" class="q0" />
<input type="text" title="전화번호3" class="q0" />
</td>
</tr>
<!-- <tr>
<th>기간입력</th>
<td>
<label class="datepicker-box"><input type="text" class="datepicker" title="기간입력" /></label><span> - </span>
<label class="datepicker-box"><input type="text" class="datepicker" title="기간입력" /></label>
</td>
</tr> -->
</tbody>
</table>
</div>
<div class="btn-cont">
<button type="submit" class="btn-lg spot2">확인</button>
<button type="submit" class="btn-lg">취소</button>
</div>
</div>
<!-- site-footer -->
<footer class="site-footer"></footer><!-- //site-footer --><!-- //contents -->
</div><!-- //container -->
</div><!-- //site-body -->
<!--popup-->
<div class="dim"></div>
<script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script>
<!--퍼블 layout-->
<script src="../../../resources/front/manage/js/_layout.js"></script>
<script src="../../../resources/front/manage/js/jquery-ui.min.js"></script>
<script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script>
<script src="../../../resources/front/manage/js/ssm.min.js"></script>
<script src="../../../resources/front/manage/js/swiper-bundle.js"></script>
<script src="../../../resources/front/manage/js/common.js"></script>
</body>
</html>