[add]プルダウンを追加しました

src/main/resources/templates/bookInsert.html

@@ -8,17 +8,12 @@
 
 <body>
 	<h1>新規図書登録入力</h1>
-	
-	<br>
 	       <br><br>
-		   
+	<h4>新しく図書を登録します。必要事項jを入力し、「登録」ボタンを押してください</h4>
+	<span style="color:red;">※は必須項目です</span>
+	<br><br>
 	<form action="/bookInsertConfirm" method="POST" th:object="${bookInsert}">
  
-		<label for="bookId">図書ID</label><br>
-		<input type="text"
-		       id="bookId"
-		       placeholder="登録時に自動採番されます" readonly>
-		<br><br>
 		
 		<label for="bookmanageId">図書管理ID</label><br>
 				<input type="text"
@@ -26,71 +21,70 @@
 				       placeholder="登録時に自動採番されます" readonly>
 				<br><br>
 
-	<label for="title">タイトル</label><br>
+	<label for="title">タイトル<span style="color:red;">※</span></label><br>
 	<input type="text" id="title" name="title" placeholder="タイトルを入力" th:value="${bookInsert.title}" required>
 	<br><br>
 	
-	<label for="isbn">ISBN</label><br>
-	<input type="text" id="isbn" name="isbn" placeholder="ISBNを入力" th:value="${bookInsert.isbn}" required>
+	<label for="isbn">ISBN<span style="color:red;">※</span></label><br>
+	<input type="text" id="isbn" name="isbn" placeholder="例:978-1-23-456789-0" th:value="${bookInsert.isbn}" required>
 		<br><br>
 	
-		<label for="title">著者名</label><br>
+		<label for="title">著者名<span style="color:red;">※</span></label><br>
 		<input type="text" id="author" name="author" placeholder="著者名を入力" th:value="${bookInsert.author}" required>
 		<br><br>
 		
+		<!--自動でサブかてを絞り込む。カテゴリをせんたくして、
+		このselectが入っているformの送信先を/bookInsert/categoryに変更、そのformを送信-->
 		<label for="category">カテゴリ</label><br>
-		<select th:field="*{bookCategoryId}"
-		        onchange="
-		            this.form.action='/bookInsert/category';
-		            this.form.submit();">
-
-		    <option value="">
-		        選択してください
-		    </option>
-
-		    <option th:each="category : ${categoryList}"
-		            th:value="${category.bookCategoryId}"
-		            th:text="${category.bookCategoryName}">
+		<select th:field="*{bookCategoryId}" onchange="this.form.action='/bookInsert/category';this.form.submit();">
+		<option value=""> 選択してください
+		 </option>
+		<option th:each="category:${categoryList}"
+		       th:value="${category.bookCategoryId}"
+		       th:text="${category.bookCategoryName}">
 		    </option>
 
 		</select>
 		<br><br>
 		
-		<label for="subcategory">サブカテゴリ</label><br>
+		<label for="subcategory">サブカテゴリ<span style="color:red;">※</span></label><br>
 		<select th:field="*{subcategory}">
 		    <option value="">選択してください</option>
 			<option th:each="sub:${subCategoryList}"
 				    th:value="${sub.bookSubcategoryId}"
-				    th:text="${sub.bookSubcategoryName}">
+				    th:text="${sub.bookSubcategoryName}" required>
 				    </option>
 				</select>
 		<br><br>
-	
-		<label for="publisher">主パン者</label><br>
-		<input type="text" id="publisher" name="publisher" th:value="${bookInsert.publisher}">
+		
+		<label for="location">保管場所<span style="color:red;">※</span></label><br>
+		<select th:field="*{location}">
+		<option value="">選択してください</option>
+			<option th:each="location:${locationList}"
+		            th:value="${location.locationId}"
+		            th:text="${location.locationName}" required>
+		    </option>
+
+		</select>
 		<br><br>
 		
-		<label for="publicationDate">出版日</label><br>
-		<input type="date" id="publicationDate" name="publicationDate" th:value="${bookInsert.publicationDate}">
-		<br><br>
-		
-		<label for="location">保管場所</label><br>
-		<select name="location">
-			<option value="1">未確定</option>
-			<option value="2">開発エリア書棚</option>
-			<option value="3">会議室前ラック</option>
-			</select>
-		<br><br>
-		
-		<label for="condition">図書状態</label><br>
-		<select name="condition">
-		    <option value="0">不明</option>
+		<label for="condition">図書状態<span style="color:red;">※</span></label><br>
+		<select name="condition" required>
+			<option value="">選択してください</option>
 		    <option value="1">新品同様</option>
 		    <option value="2">良好</option>
 		    <option value="3">使用感あり</option>
 		    <option value="4">傷みあり</option>
 		</select>
 		<br><br>		
+		
+		<label for="publisher">主パン者</label><br>
+				<input type="text" id="publisher" name="publisher" th:value="${bookInsert.publisher}">
+				<br><br>
+				
+				<label for="publicationDate">出版日</label><br>
+				<input type="date" id="publicationDate" name="publicationDate" th:value="${bookInsert.publicationDate}">
+				<br><br>
 	   
 		<label for="donor">寄贈者社員ID</label><br>
 		<input type="text" id="donor" name="donor" th:value="${bookInsert.donor}">
@@ -103,7 +97,7 @@
 </label>-->
 
 
-	<input type="submit" value="確認画面へ" class="btn">
+	<input type="submit" value="登録" class="btn">
 </form>