Skip to content

Commit

Permalink
키패드 테스트1
Browse files Browse the repository at this point in the history
  • Loading branch information
@hnjung
hnjung committed Aug 6, 2024
1 parent 594aa45 commit 0654a1b
Showing 1 changed file with 97 additions and 35 deletions.
132 changes: 97 additions & 35 deletions MAWPUB/view/html/com/com/com/test.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,18 +72,6 @@ <h2 class="main-copy">
</h2>
<!--// .title* -->

<!-- .group -->
<div class="group">
<!-- .note* -->
<div class="note">
<ul class="note-list depth-root">
<li>만 79세까지 가입이 가능하며 만 19세 미만은 친권자 전자서명이 필요합니다.</li>
</ul>
</div>
<!--// .note* -->
</div>
<!--// .group -->

<!-- .group -->
<div class="group">
<!-- .form -->
Expand All @@ -108,12 +96,6 @@ <h2 class="main-copy">
<!--// .segment* -->
</div>
</li>
<li class="fs-tiny">
<p id="text1">beforeScrollTop: <em></em></p>
<p id="text2">afterScrollTop: <em></em></p>
<p id="text3">info: <em></em></p>
<p id="text4">keypad: <em></em> <span></span></p>
</li>
<li class="form-item">
<div class="form-name"><strong><label for="formItem2">생년월일</label></strong></div>
<div class="form-value">
Expand All @@ -124,34 +106,23 @@ <h2 class="main-copy">
<!--// .input -->
</div>
</li>
<li class="form-item">
<div class="form-name"><strong><label for="formItem3">생년월일</label></strong></div>
<div class="form-value">
<!-- .input -->
<div class="input w-100">
<input type="text" name="" id="formItem3" class="input-data" placeholder="예: 19910101"> <!-- 2024-03-22 : placeholder 수정 -->
</div>
<!--// .input -->
</div>
<li class="fs-tiny">
<p id="text1">beforeScrollTop: <em></em></p>
<p id="text2">afterScrollTop: <em></em></p>
<p id="text3">info: <em></em></p>
<p id="text4">keypad: <em></em> <span></span></p>
</li>
</ul>
<!--// .form-list -->
</div>
</div>
<!--// .form -->

<!-- .checkbox* -->
<label for="formItem3" class="checkbox-item space-mt-xl">
<input type="checkbox" name="" id="formItem3" class="control">
<span class="label">동반인 추가</span>
</label>
<!--// .checkbox* -->
</div>
<!--// .group -->

<!-- .group -->
<div class="group item-col">
<a href="javascript:;" class="btn-txt-link"><span>보험가입 시 유의사항</span></a>
<a href="javascript:;" class="btn-txt-link fn-popup-open" data-popup-id="#popupFullExample" aria-haspopup="dialog" aria-controls="popupFullExample"><span>보험가입 시 유의사항</span></a>
</div>
<!--// .group -->
</section>
Expand Down Expand Up @@ -180,6 +151,97 @@ <h2 class="main-copy">

<!-- #popup -->
<div id="popup">
<!-- .popup-wrap -->
<div class="popup-wrap option-full" id="popupFullExample" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="popupFullExampleTitle" data-main-copy="true"><!-- @set: option-full -->
<!-- .popup-inner -->
<div class="popup-inner" tabindex="0" data-focus-on="true">
<!-- .popup-head -->
<div class="popup-head">
<h2 class="popup-title" id="popupFullExampleTitle"><span>팝업 타이틀</span></h2>
</div>
<!--// .popup-head -->
<!-- .popup-content -->
<div class="popup-content">
<!-- .section -->
<section class="section">

<!-- .title* -->
<h2 class="main-copy">
<div class="step">
<span class="sr-only">총 4 단계로 구성되어 있습니다.</span>
<strong><span class="sr-only">현재 단계</span>3</strong><span aria-hidden="true">/4</span>
</div>
<strong class="sub fc-primary">보조 타이틀</strong>
<span class="txt">자세한 내용을 확인할<br>계약을 선택해 주세요</span>
<span class="txt">자세한 내용을 확인할<br>계약을 선택해 주세요</span>
<span class="copy">하단 보조 카피</span>
</h2>
<!--// .title* -->

<!-- .group -->
<div class="group">
<!-- .form -->
<div class="form">
<div class="form-wrap">
<!-- .form-list -->
<ul class="form-list">
<li class="form-item">
<div class="form-name"><strong>성별</strong></div>
<div class="form-value">
<!-- .segment* -->
<fieldset class="segment-group">
<label for="formItem1a" class="segment-item">
<input type="radio" name="formItem1" id="formItem1a" class="control">
<span class="label"><em class="txt">남</em></span>
</label>
<label for="formItem1b" class="segment-item">
<input type="radio" name="formItem1" id="formItem1b" class="control">
<span class="label"><em class="txt">여</em></span>
</label>
</fieldset>
<!--// .segment* -->
</div>
</li>
<li class="form-item">
<div class="form-name"><strong><label for="">생년월일</label></strong></div>
<div class="form-value">
<!-- .input -->
<div class="input w-100">
<input type="text" name="" id="" class="input-data" placeholder="예: 19910101"> <!-- 2024-03-22 : placeholder 수정 -->
</div>
<!--// .input -->
</div>
</li>
</ul>
<!--// .form-list -->
</div>
</div>
<!--// .form -->
</div>
<!--// .group -->
</section>
<!--// .section -->
</div>
<!--// .popup-content -->
<!-- .popup-foot -->
<div class="popup-foot">
<!-- .btn-group* -->
<div class="btn-group">
<button type="button" class="btn filled fixed"><span>초기화</span></button>
<button type="button" class="btn primary"><span>검색</span></button>
</div>
<!--// .btn-group* -->
</div>
<!--// .popup-foot -->
<!-- .btn-popup-close -->
<button type="button" class="btn-popup-close fn-popup-close" data-popup-id="#popupFullExample">
<span class="sr-only">닫기</span>
</button>
<!--// .btn-popup-close -->
</div>
<!--// .popup-inner -->
</div>
<!--// .popup-wrap -->
</div>
<!--// #popup -->

Expand Down

0 comments on commit 0654a1b

Please sign in to comment.