티스토리 뷰

부산 ITWILL 학원 실습/Web

연습해보기 - 소스

김뽀삐. 2018. 8. 14. 10:36

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
    <head>
        <title>김수정</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>
        <h1>ITWILL 회원가입</h1>
        
        <form action="test.jsp" method="post">
            <!-- 필수 입력 -->
            <fieldset>
                <legend>◆ 필수 입력</legend>
                
                <label for="name">이름</label>
                    <input type="text" id="name" size="5" required autofocus>
                    <br>
                    
                <label for="id">아이디</label>
                    <input type="text" id="id" required>
                    <br>
                    
                <label for="password">비밀번호</label>
                    <input type="password" id="password" required>
                    <br>
                    
                <label for="man">남</label>
                    <input type="radio" id="man" name="sex">
                <label for="woman">여</label>
                    <input type="radio" id="woman" name="sex">
                <label for="etc">기타</label>
                    <input type="radio" id="etc" name="sex" checked>
                    <br>
                    
                <label for="email">email</label>
                    <input type="email" id="email" required>
                    <br>
                    
                <hr>
                
                ◎ 아이티윌부산이 제공하는 정보를 받으시겠습니까?<br>
                <label for="recive">받습니다</label>
                    <input type="radio" id="recive" name="it" checked>
                <label for="no_recive">받지 않습니다</label>
                    <input type="radio" id="no_recive" name="it">
                    <br><br>
                
                ◎ 정보나 이벤트 소식을 어떻게 받으시겠습니까?<br>
                <label for="check_email">이메일</label>
                    <input type="checkbox" id="check_email" name="check" checked>
                    <br>
                <label for="check_munja">문자</label>
                    <input type="checkbox" id="check_munja" name="check">
                    <br>
                <label for="check_kakaotalk">카카오톡</label>
                    <input type="checkbox" id="check_kakaotalk" name="check" checked>
                    <br>
                <label for="check_post">우편<label>
                    <input type="checkbox" id="check_post" name="check">
                    <br><br>
            </fieldset>
            
            <br><br>
            
            <!-- 선택 입력 -->
            <fieldset>
                <legend>◆ 선택 입력</legend>
                
                ◎ 자기소개를 해주세요<br>
                <textarea cols="50" rows="5">간단히 작성하세요</textarea>
                    <br><br>
                
                <label for="blog_url">◎ 블로그 주소</label>
                    <input type="url">
                    <br><br>
                
                ◎ 학과를 선택해주세요<br>
                <select name="hak">
                    <option value="coumpter">컴퓨터공학과</option>
                    <option value="industry" selected>산업공학과</option>
                    <option value="machine">기계공학과</option>
                    <option value="chemistry">화학공학과</option>
                    <option value="electricity">전기전자공학과</option>
                    <option value="architecture">건축공학과</option>
                </select>
                
                <br><br>
                
                ◎ 선택해주세요<br>
                <select size="4" multiple>
                    <optgroup label="-취미-">
                        <option value="climbing">등산</option>
                        <option value="travel">여행</option>
                        <option value="cooking" selected>요리</option>
                        <option value="game">게임</option>
                    </optgroup>
                    
                    <br>
                    
                    <optgroup label="-특기-">
                        <option value="motion">운동</option>
                        <option value="go">바둑</option>
                        <option value="music">음악</option>
                        <option value="dance">무용</option>
                    </optgroup>
                </select>
            </fieldset>
            
            <br>
            
            <button>
                <img src="aniyellow.gif" alt="가입하기">가입하기
            </button>
            
            <button>
                <img src="aniyellow.gif" alt="다시하기">다시하기
            </button>
        </form>
    </body>
</html>
cs







저작자표시 비영리 변경금지

'부산 ITWILL 학원 실습 > Web' 카테고리의 다른 글

a 태그로 링크 걸기  (0) 2018.08.14
이미지와 경로  (0) 2018.08.14
연습해보기  (0) 2018.08.14
form-2  (0) 2018.08.13
form-1  (0) 2018.08.13
공지사항
최근에 올라온 글
링크
Total
Today
Yesterday