64 lines
1.8 KiB
HTML
64 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<head>
|
|
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
|
<!-- 外部のスクリプトファイルを読み込む -->
|
|
<script th:src="@{/js/common.js}"></script>
|
|
<!-- CSSの読み込み -->
|
|
<link rel="stylesheet" th:href="@{/css/all.css}">
|
|
<link rel=stylesheet th:href="@{/css/style.css}" type="text/css">
|
|
<title>ログイン</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>ログイン</h1>
|
|
<form action="doLogin"
|
|
method="post"
|
|
th:object="${loginInfoForm}">
|
|
|
|
<div class="msgBox error" th:if="${messageError} != null">
|
|
<span class="error" th:text="${messageError.message}"></span>
|
|
</div>
|
|
|
|
<table>
|
|
<tr>
|
|
<th class="header">メールアドレス</th>
|
|
<td style="width: 250px;">
|
|
<input placeholder="メールアドレス"
|
|
required="required"
|
|
style="width: 100%;"
|
|
th:field="*{mailAddress}"
|
|
type="text"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th style="text-align: right;">パスワード</th>
|
|
<td>
|
|
<input placeholder="パスワード"
|
|
required="required"
|
|
style="width: 100%;"
|
|
th:field="*{password}"
|
|
type="password"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="btnArea" colspan="2">
|
|
<input type="submit" value="ログイン"/>
|
|
<button onclick="clearInput()">リセット</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
function clearInput() {
|
|
document.getElementById('mailAddress').value = '';
|
|
document.getElementById('password').value = '';
|
|
}
|
|
|
|
</script>
|
|
</html>
|