1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < link th:href ="@{/css/bootstrap.min.css} "
6
+ href ="../../static/css/bootstrap.min.css " rel ="stylesheet ">
7
+ < title > Title</ title >
8
+ < style >
9
+ .container {
10
+ max-width : 560px ;
11
+ }
12
+ .field-error {
13
+ border-color : # dc3545 ;
14
+ color : # dc3545
15
+ }
16
+ </ style >
17
+ </ head >
18
+ < body >
19
+
20
+ < div class ="container ">
21
+ < div class ="py-5 text-center ">
22
+ < h2 > 회원가입</ h2 >
23
+ </ div >
24
+
25
+ < form action ="/users/signup " th:object ="${user} " method ="post ">
26
+ <!-- 이메일 -->
27
+ < div >
28
+ < label for ="email "> 이메일</ label >
29
+ < input type ="email " id ="email " th:field ="*{email} "
30
+ th:errorclass ="field-error "
31
+ class ="form-control " placeholder ="이메일 입력 ">
32
+ < div class ="field-error " th:erros ="*{email} ">
33
+ 이메일 오류
34
+ </ div >
35
+ </ div >
36
+
37
+ <!-- 비밀번호 -->
38
+ < div >
39
+ < label for ="password "> 비밀번호</ label >
40
+ < input type ="password " id ="password " th:field ="*{password} "
41
+ th:errorclass ="field-error "
42
+ class ="form-control " placeholder ="비밀번호 입력 ">
43
+ < div class ="field-error " th:erros ="*{password} ">
44
+ 비밀번호 오류
45
+ </ div >
46
+ </ div >
47
+
48
+ <!-- 이름 -->
49
+ < div >
50
+ < label for ="name "> 이름</ label >
51
+ < input type ="text " id ="name " th:field ="${name} "
52
+ th:errorclass ="field-error "
53
+ class ="form-control " placeholder ="이름 입력 ">
54
+ < div class ="field-error " th:erros ="*{name} ">
55
+ 이름 오류
56
+ </ div >
57
+ </ div >
58
+
59
+ <!-- 닉네임 -->
60
+ < div >
61
+ < label for ="nickname "> 닉네임</ label >
62
+ < input type ="text " id ="nickname " th:field ="${nickname} "
63
+ th:errorclass ="field-error "
64
+ class ="form-control " placeholder ="닉네임 입력 ">
65
+ < div class ="field-error " th:erros ="*{nickname} ">
66
+ 닉네임 오류
67
+ </ div >
68
+ </ div >
69
+
70
+ <!-- 생년월일 -->
71
+ < div >
72
+ < label for ="birth "> 생년월일</ label >
73
+ < input type ="date " id ="birth " th:field ="${birth} "
74
+ th:errorclass ="field-error "
75
+ class ="form-control ">
76
+ < div class ="field-error " th:erros ="*{birth} ">
77
+ 생년월일 오류
78
+ </ div >
79
+ </ div >
80
+
81
+ <!-- 성별 -->
82
+ < div >
83
+ < label > 성별</ label > < br >
84
+ < input type ="radio " id ="male " name ="gender "
85
+ th:errorclass ="field-error "
86
+ th:field ="*{gender} " value ="male ">
87
+ < label for ="male "> 남</ label >
88
+
89
+ < input type ="radio " id ="female " name ="gender "
90
+ th:errorclass ="field-error "
91
+ th:field ="*{gender} " value ="female ">
92
+ < label for ="female "> 여</ label >
93
+ < div class ="field-error " th:erros ="*{gender} ">
94
+ 성별 오류
95
+ </ div >
96
+ </ div >
97
+
98
+ < hr class ="my-4 ">
99
+
100
+ < div class ="row ">
101
+ < div class ="col ">
102
+ < button class ="w-100 btn btn-primary btn-lg " type ="submit "> 회원가입</ button >
103
+ </ div >
104
+ < div class ="col ">
105
+ < button class ="w-100 btn btn-secondary btn-lg "
106
+ onclick ="location.href='home.html' "
107
+ th:onclick ="|location.href='@{/users/home}'| "
108
+ type ="button "> 취소</ button >
109
+ </ div >
110
+ </ div >
111
+ </ form >
112
+ </ div >
113
+
114
+ </ body >
115
+ </ html >
0 commit comments