first commit

src/main/resources/templates/login.html

@@ -0,0 +1,63 @@
+<!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>