Code - yangart/sejongOn

<!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, user-scalable=0" /> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>   <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>  <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="member"> <div class="wrap"> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">회원가입</h2> </div> </div> <div class="wrap-md"> <ol class="step"> <li> <span class="num">1</span> <p> <strong>약관동의</strong> </p> </li> <li class="is-current"> <span class="num">2</span> <p> <strong>회원정보 입력</strong> </p> </li> </ol> <section class="section"> <header class="section-tit-area"> <div class="l-area dir-col"> <h3 class="title-lg">회원정보 입력</h3> </div> </header> <div class="write-type"> <table> <caption>회원정보 입력</caption> <colgroup> <col style="width: 240px" /> <col /> </colgroup> <tbody> <tr> <th scope="row">프로필 이미지</th> <td> <div class="profile xlg"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> </figure> </div> </div> <div class="input-flex-area file-add-area"> <div class="file-custom"> <input type="file" class="input-file" title="파일찾기" /> <span class="btn secondary ico-upload">파일 찾기</span> </div> <div class="fnc"> <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button> </div> </div> </td> </tr> <tr> <th scope="row"> 이름 <i class="required">필수</i> </th> <td>김세종</td> </tr> <tr> <th scope="row"> ID <i class="required">필수</i> </th> <td> <div class="input-flex-area"> <input type="text" placeholder="회원 Id를 입력하세요." title="아이디 입력" class="flex1" /> <button type="button" class="btn primary">중복 확인</button> </div> <p class="msg">영어소문자, 숫자를 조합해서 입력 후 중복여부를 확인하세요.</p> </td> </tr> <tr> <th scope="row"> 비밀번호 <i class="required">필수</i> </th> <td> <div class="form-row input-box input-pw-area"> <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요." title="비밀번호를 입력하세요" /> <button type="button" class="btn-pw-toggle">비밀번호보기</button> </div> <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p> </td> </tr> <tr> <th scope="row"> 휴대전화 번호 <i class="required">필수</i> </th> <td> <ul class="form-list initial"> <li> <div class="form-tit-area"> <div class="l-area"> <strong class="form-tit">핸드폰번호</strong> </div> </div> <div class="form-cont"> <div class="form-row"> <div class="input-phone-area"> <div class="phone"> <select title="전화번호 앞자리 선택"> <option value="010">010</option> <option value="011">011</option> </select> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" /> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" /> </div> <div class="fnc"> <button type="button" class="btn primary">인증번호 발송</button> </div> </div> </div> </div> </li> <li> <div class="form-tit-area"> <div class="l-area"> <strong class="form-tit">인증번호 입력</strong> </div> </div> <div class="form-cont"> <div class="form-row"> <input type="number" placeholder="전송된 인증번호를 입력하세요." title="전송된 인증번호를 입력" /> <button type="submit" class="btn primary fixw">확인</button> </div> </div> <p class="msg"> <i class="ico-hourglass sm"></i> 인증유효시간 2:59 </p> </li> </ul> </td> </tr> <tr> <th scope="row">이메일</th> <td> <div class="input-email-area"> <div class="email-id"> <input type="email" title="이메일 아이디 입력" /> <span aria-hidden="true">@</span> </div> <div class="email-domain"> <select title="도메인 선택">  <option>직접입력</option> </select> <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력" /> </div> </div> </td> </tr> <tr> <th scope="row"> 학생 생년월일 <i class="required">필수</i> </th> <td> <div class="input-flex-area"> <select title="년도 선택" class="flex1"> <option>년도</option> </select> <select title="월 선택" class="flex1"> <option>월</option> </select> <select title="일 선택" class="flex1"> <option>일</option> </select> </div> </td> </tr> <tr> <th scope="row"> 보호자 이름 <i class="required">필수</i> </th> <td> <input type="text" placeholder="보호자 성함을 입력하세요." title="보호자 성함 입력" /> </td> </tr> <tr> <th scope="row"> 보호자 연락처 <i class="required">필수</i> </th> <td> <div class="input-phone-area"> <div class="phone"> <select title="전화번호 앞자리 선택"> <option value="010">010</option> <option value="011">011</option> </select> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" /> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" /> </div> </div> </td> </tr> <tr> <th scope="row"> 학교 <i class="required">필수</i> </th> <td> <div class="input-box"> <i class="ico-search" aria-hidden="true"></i> <input type="text" placeholder="학교를 선택하세요." title="학교 선택" class="input" id="schoolFind" /> </div> </td> </tr> <tr> <th scope="row"> 학년/반/번호 <i class="required">필수</i> </th> <td> <div class="input-flex-area"> <div class="input-box flex1"> <select class="input" title="학년 선택"> <option>학년</option> <option>1</option> <option>2</option> </select> <span>학년</span> </div> <div class="input-box flex1"> <input type="number" class="input q0" title="반 입력" /> <span>반</span> </div> <div class="input-box flex1"> <input type="number" class="input q0" title="번호 입력" /> <span>번</span> </div> </div> </td> </tr> </tbody> </table> </div> </section> <section class="section"> <header class="section-tit-area"> <div class="l-area dir-col"> <h3 class="title-lg">추가정보</h3> </div> </header> <div class="write-type"> <table> <caption>추가정보 입력</caption> <colgroup> <col style="width: 240px" /> <col /> </colgroup> <tbody> <tr> <th scope="row">역할</th> <td> <fieldset class="checkradio-area"> <legend>역할 선택</legend> <div class="checkradio"> <input type="radio" id="role1" name="role" checked /> <label for="role1">교원</label> </div> <div class="checkradio"> <input type="radio" id="role2" name="role" /> <label for="role2">지방공무원</label> </div> <div class="checkradio"> <input type="radio" id="role3" name="role" /> <label for="role3">강사</label> </div> </fieldset> </td> </tr> <tr> <th scope="row">학교</th> <td> <div class="input-box"> <i class="ico-search" aria-hidden="true"></i> <input type="text" placeholder="학교를 선택하세요" title="학교 선택" class="input" id="schoolFind" /> </div> </td> </tr> <tr> <th scope="row">담당학급</th> <td> <fieldset class="checkradio-area"> <legend>담당학급 선택</legend> <div class="checkradio"> <input type="radio" id="htea" name="htea" checked="" /> <label for="htea">담임선생님</label> <fieldset class="checkradio-option"> <legend>학년,반 선택</legend> <select title="학년 선택"> <option>1학년</option> </select> <select title="반 선택"> <option>2반</option> </select> </fieldset> </div> <div class="checkradio"> <input type="radio" id="hteaN" name="htea" checked="" /> <label for="hteaN">담임아님</label> </div> </fieldset> </td> </tr> </tbody> </table> </div> </section> <div class="btn-cont"> <button type="submit" class="btn lg primary">회원가입</button> </div> </div> </div> </div>  <div class="toast"></div>  <div class="dim"></div> <script> //학교 검색 var availableTags = ['세종초등학교1', '세종초등학교2']; $('#schoolFind').autocomplete({ source: availableTags, }); </script> </body> </html>