Html 마이페이지 소스 - html maipeiji soseu

<!DOCTYPE html>

<html>

<link rel="stylesheet" type="text/css" href="RegisterSecond.css">

<head>

    <title>네이버 : 회원가입</title>

    <style>

    </style>

</head>

<body>

    <div id="naver">

        <div id="header">

            <img src="img/naver.JPG">

        </div>

        <div id="container">

            <form action="RegisterAct.jsp">

                <label for="id">아이디</label>

                <div id="idBox" class="box">

                    <input type="text" id="id" name="id" class="input">

                    <span>@naver.com</span>

                </div>

                <p id="redCheck_id" class="redCheck"></p>

                <label for="pwd">비밀번호</label>

                <div id="pwdBox" class="box">

                    <input type="password" id="pwd" name="pwd" class="input">

                </div>

                <p id="redCheck_pwd" class="redCheck"></p>

                <label for="pwdCheck">비밀번호 재확인</label>

                <div id="pwdCheckBox" class="box">

                    <input type="password" id="pwdCheck" class="input">

                </div>

                <p id="redCheck_pwdCheck" class="redCheck"></p>

                <label for="name">이름</label>

                <div id="nameBox" class="box">

                    <input type="text" id="name" name="name" class="input">

                </div>

                <p id="redCheck_name" class="redCheck"></p>

                <label>생년월일</label>

                <div id="birth">

                    <input type="number" name="birth_year" placeholder="년(4자)">

                    <select name="birth_mon">

                    <option></option>

                    <option>01</option>

                    <option>02</option>

                    <option>03</option>

                    <option>04</option>

                    <option>05</option>

                    <option>06</option>

                    <option>07</option>

                    <option>08</option>

                    <option>09</option>

                    <option>10</option>

                    <option>11</option>

                    <option>12</option>

                     </select>

                    <input type="number" name="birth_day" placeholder="일">

                </div>

                <p id="redCheck_birth" class="redCheck"></p>

                <label>성별</label>

                  <div class="gender-box box1 ">

                <div>

                    <input type="radio" id="man" name="gender" value="M">

                    <label for="man">남자</label>

                </div>

                <div>

                    <input type="radio" id="woman" name="gender" value="F">

                    <label for="woman">여자</label>

                </div>

            </div>

                <label for="email">본인 확인 이메일</label>

                <div id="email" class="box">

                    <input type="text" name="email" placeholder="선택입력"  class="input">

                </div>

                <p id="redCheck_email" class="redCheck"></p>

                <label for="phone">휴대전화</label>

                <select id="phoneSel" >

                <option value="+82">대한민국 +82</option>

                <option value="+64">네덜란드 +64</option>

                <option value="+47">노르웨이 +47</option>

                <option value="+227">니제르 +227</option>

            </select>

                <input type="button" id="phoneBtn" value="인증번호 받기">

                <div id="phoneBox" class="box">

                    <input type="text" id="phone" name="phone" class="input" placeholder="전화번호 입력">

                </div>

                <div id="serialBox" class="box">

                    <input type="text" id="serialPhone" class="input" placeholder="인증번호 입력하세요">

                </div>

                 <p id="redCheck_phone" class="redCheck"></p>

                <input type="submit" id="send" value="가입하기">

            </form>

        </div>

        <div id="footer">

            <ul>

                <li><a href="#">이용약관 </a></li>

                <li><a href="#">개인정보처리방침 </a></li>

                <li><a href="#">책임의 한계와 법적고지 </a></li>

                <li><a href="#">회원정보 고객센터</a></li>

            </ul>

            <img src="img/footernaver.JPG">

            <label>Copyright <b>Naver Crop.</b> All Rights Reserved.</label>

        </div>

    </div>

</body>

</html>