Notice
Recent Posts
Recent Comments
Link
«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags
more
Archives
Today
Total
관리 메뉴

파란색가운의 개발 블로그

HTML 실습 코드 본문

인프런 실습 모음

HTML 실습 코드

파란색 가운 2023. 6. 26. 16:33 
<html>
    <head>
        <meta charset = "utf-8"> 
        <!-- 한국어 호환을 위한 명령어 -->
        <title>회원 가입</title>
        <meta name = "keyword" content = "회원가입 , html">
    </head>
        <body>
            <h1>회원가입</h1>
            <hr/>
            <fieldset>
                <legend>계정 정보</legend>
             <form action = "" method = "POST">
                <div>
                    <label for ="id-account">아이디</label>
                    <input type = "text" name = "account"
                    id = "id-account" required = "required">
                </div>
                <div>
                    <label for = "id-password">비밀번호</label>
                    <input type = "password" name = "password"
                    id = "id-password" required = "required">

                </div>
                <div>
                    <label for = "id-password2">비밀번호 확인</label>
                    <input type = "password" name = "password2"
                    id = "id-password2" required = "required">
                </div>
            
             </form>
            </fieldset>
            <fieldset>
                <legend>프로필</legend>
                <div>
                    <label for = "id-name">이름</label>
                    <input type = "text" name = "name" id = "id-name" required = "required">
                </div>
                <div>
                    <label>생년월일</label>
                    <input type = "number" name = "birth-year" placeholder = "년" min = "1900" max = "2023" required = "required">
                    <select name = "birth-month" placeholder = "월" required = "required">
                        <option>월</option>
                        <option value = "1">1</option>
                        <option value = "2">2</option>
                        <option value = "3">3</option>
                        <option value = "4">4</option>
                        <option value = "5">5</option>
                        <option value = "6">6</option>
                        <option value = "7">7</option>
                        <option value = "8">8</option>
                        <option value = "9">9</option>
                        <option value = "10">10</option>
                        <option value = "11">11</option>
                        <option value = "12">12</option>
                        
                    </select> 
                    <input type = "number" name = "birth-day" placeholder = "일" min = "1" max = "31" required = "required">
                </div>
                <div>
                    <label>성별</label>
                    <input type = "radio" name = "gender" id = "id-gender-male" required = "required">
                    <label for = "id-gender-male">남</label>
                    <input type = "radio" name = "gender" id = "id-gender-female" required = "required">
                    <label for = "id-gender-female">여</label>
                    <input type = "radio" name = "gender" id = "id-gender-unknown" required = "required">
                    <label for = "id-gender-unknown"></label>기타</label>


                </div>
                <div>
                    <input type = "checkbox" name = "agree" id = "id-agree" required = "required">
                    <label for = "id-agree">사이트 이용약관과 개인정보 수집 방침에 동의합니다.</label>
                </div>

                <div>
                    <button type = "submit">가입하기</button>
                </div>
            </fieldset>
        </body>
    
</html>
저작자표시

'인프런 실습 모음' 카테고리의 다른 글

[인프런] CSS 실습 코드  (0) 2023.06.27
[인프런]CSS 실습 코드  (0) 2023.06.27
CSS 실습 코드  (0) 2023.06.27
웹 입문 강의 실습 코드  (0) 2023.06.26
웹 입문 강의 실습문제  (0) 2023.06.26
'인프런 실습 모음' Related Articles more