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="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="wrap"> <aside class="lnb"></aside> <div class="site-cont"> <ul class="breadcrumb"> <li><a href="#none" class="home">홈</a></li> <li><a href="#none">1depth</a></li> <li><a href="#none">2depth</a></li> </ul> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">마이 프로필</h2> </div> </div> <section class="section"> <h3 class="txt-hide">프로필 상세</h3> <div class="write-type"> <table> <caption>프로필 상세 표</caption> <colgroup> <col style="width: 16rem;"> <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="col">이름<i class="required">필수</i></th> <td>김세종</td> </tr> <tr> <th scope="col">ID<i class="required">필수</i></th> <td>User_ID</td> </tr> <tr> <th scope="row"> 휴대전화 번호 <i class="required">필수</i> </th> <td> <div class="form-cont"> <div class="form-row"> <div class="input-phone-area"> <div class="phone"> <select title="전화번호 앞자리 선택" disabled> <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="전화번호 가운데자리 입력" value="1234" disabled/> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678" disabled/> </div> <div class="fnc"> <button type="button" class="btn primary">휴대전화 변경</button> </div> </div> </div> </div> </td> </tr> <tr> <th scope="row"> 휴대전화 번호 <i class="required">필수</i> </th> <td> <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="전화번호 가운데자리 입력" value="1234"/> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/> </div> <div class="fnc"> <button type="button" class="btn primary">인증번호 발송</button> </div> </div> </div> </div> </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="form-cont"> <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> </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" title="보호자 이름 입력"> </td> </tr> <tr> <th scope="row"> 보호자 연락처 <i class="required">필수</i> </th> <td> <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="전화번호 가운데자리 입력" value="1234"/> <span aria-hidden="true">-</span> <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/> </div> </div> </div> </div> </td> </tr> <tr> <th scope="row">가입정보</th> <td></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> <select title="학교 선택"> <option>세종미래여자고등학교</option> </select> </td> </tr> <tr> <th scope="row">학년/반/번호</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> <div class="btn-flex-cont"> <div class="l-area"> <a href="#none" class="btn lg danger">회원 탈퇴</a> </div> <div class="r-area"> <button type="submit" class="btn lg ico-home">홈으로 이동</button> <button type="submit" class="btn lg primary">저장</button> </div> </div> </div> </div> </div> <footer class="site-footer"></footer> </div>  <div class="toast"></div>  <div class="dim"></div> </body> </html>