HTML(Exam)_01

2024. 10. 11. 18:35·HTML/기초 내용 정리

2024-10-08

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div align="center">

        <h1>회 원 가 입</h1><br>

        <form action="http://www.google.com">

            <table>
                <tr>
                    <td>아아디*</td>
                </tr>

                <tr>
                    <td>
                        <input type="text" autofocus
                            placeholder="4자리 이상 16 자리 미만" required size="30">
                    </td>
                </tr>
               
                <tr>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td>비밀번호*</td>

                </tr>

                <tr>
                    <td>
                        <input type="password" placeholder="특수문자,영어, 숫자 포함" required size="30">
                    </td>
                </tr>
               
                <tr>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td>비밀번호 확인*</td>

                </tr>

                <tr>
                    <td>
                        <input type="password" required size="30">
                    </td>
                </tr>
               
                <tr>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td>이 름*</td>

                </tr>

                <tr>
                    <td>
                        <input type="text" required size="30">
                    </td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td>생년월일</td>

                </tr>

                <tr>
                    <td>
                        <input type="date">
                    </td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td>성별</td>  

                </tr>
               
                <tr>
                    <td><select>    
                        <option value="">:::셩별 선택:::</option>
                        <option value="회사원">남성</option>
                        <option value="학생">여성</option>

                        </select>

                    </td>


                </tr>
               
                <td>&nbsp;</td>

                <tr>
                    <td>이메일</td>  

                </tr>

                <tr>
                    <td>
                        <input type="text" size="11"> @ <select>    
                            <option value="">:::직접입력:::</option>
                            <option value="google.com">google.com</option>
                            <option value="hanmail.net">hanmail.net</option>
   
                            </select>
                    </td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td>전화번호</td>  

                </tr>

                <tr>
                    <td><input type="tel"></td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td>방문 경로</td>
                </tr>

                <tr>
                    <td>
                        <input type="checkbox" value="지인 추천">지인 추천
                        <input type="checkbox" value="인터넷 광고">인터넷 광고
                        <input type="checkbox" value="유인물">유인물
                    </td>

                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td>기타</td>
                </tr>

                <tr>
                    <td>
                        <textarea rows="5" cols="30"></textarea>
                    </td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td> &nbsp;&nbsp;&nbsp;&nbsp;* : 필수 기재 항목</td>
                </tr>

                <td>&nbsp;</td>

                <tr>
                    <td align="center">
                            <input type="submit" value="로그인">&nbsp;&nbsp;&nbsp;
                            <input type="reset" value="다시작성">
                    </td>

                </tr>



            </table>

        </form>
    </div>

</body>
</html>

 

'HTML > 기초 내용 정리' 카테고리의 다른 글

HTML(Exam)_02  (0) 2024.10.12
HTML_34  (0) 2024.10.11
HTML_33  (0) 2024.10.11
HTML_32  (0) 2024.10.11
HTML_31  (0) 2024.10.11
'HTML/기초 내용 정리' 카테고리의 다른 글
  • HTML(Exam)_02
  • HTML_34
  • HTML_33
  • HTML_32
mw41817
mw41817
일생의 개발 기록 저장소
  • mw41817
    IT 개발 일지
    mw41817
    • Index (487)
      • HTML (36)
        • 기초 내용 정리 (36)
      • CSS (29)
        • 기초 내용 정리 (29)
      • JavaScript (60)
        • 기초 내용 정리 (60)
      • JQuery (38)
        • 기초 내용 정리 (38)
      • Java (232)
        • 기초 내용 정리 (232)
      • JSP (46)
        • 기초 내용 정리 (46)
      • Spring, Boot (31)
        • 기초 내용 정리 (31)
      • DB (5)
        • Oracle SQL (5)
      • Code WorkBook (6)
        • programmers (6)
        • Baekjoon (0)
      • 기타 (1)
        • 유용한 사이트 (3)
  • 전체
    오늘
    어제
  • 글쓰기 관리
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 카테고리
    • 주인장 GitHub
  • 공지사항

  • 인기 글

  • 태그

    html #코딩 #프로그래밍 #기초
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
mw41817
HTML(Exam)_01
상단으로

티스토리툴바