<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원가입</title>
<style>
body {
margin: 40px;
}
form {
max-width: 400px;
margin: auto;
}
.row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
label {
width: 100px;
text-align: right;
margin-right: 10px;
}
input {
flex: 1;
padding: 5px;
}
.buttons {
text-align: right;
margin-top: 15px;
}
button {
margin-left: 5px;
padding: 5px 10px;
}
</style>
</head>
<body>
<h2 style="text-align:center;">회원가입</h2>
<form th:action="@{/register}" method="post">
<div class="row">
<label for="id">ID:</label>
<input type="text" id="id" name="id" required>
</div>
<div class="row">
<label for="password">비밀번호:</label>
<input type="password" id="password" name="password" required>
</div>
<div class="row">
<label for="name">이름:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="row">
<label for="email">이메일:</label>
<input type="email" id="email" name="email">
</div>
<div class="buttons">
<button type="submit">확인</button>
<button type="button" onclick="location.href='/login'">로그인</button>
</div>
</form>
</body>
</html>