describe each input field

jphacks · Oct 27, 2024 · 3d3c0d4 · 3d3c0d4
1 parent 3680d02
commit 3d3c0d4
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -10,13 +10,21 @@
     <h1>フジヱ</h1>
     <img src="images/fujiwe.png" alt="フジヱ" /><br />
 
-    <label for="in1">in1:</label>
+    <label for="in1"
+      >履修情報 <a href="input_details.html#in1">(詳細)</a>:</label
+    >
     <textarea name="in1" id="in1"></textarea>
-    <label for="in2">in2:</label>
+    <label for="in2"
+      >授業名簿 <a href="input_details.html#in2">(詳細)</a>:</label
+    >
     <textarea name="in2" id="in2"></textarea>
-    <label for="in3">in3:</label>
+    <label for="in3"
+      >連絡先一覧 <a href="input_details.html#in3">(詳細)</a>:</label
+    >
     <textarea name="in3" id="in3"></textarea>
-    <label for="course-id">科目番号:</label>
+    <label for="course-id"
+      >授業番号 <a href="input_details.html#course-id">(詳細)</a>:</label
+    >
     <input type="text" id="course-id" /><br />
     <button id="verify">確認</button><br />
     <pre id="out"></pre>

diff --git a/public/input_details.html b/public/input_details.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>フジヱ</title>
+  </head>
+  <body>
+    <h1>入力の説明</h1>
+    <img src="images/fujiwe.png" alt="フジヱ" /><br />
+
+    <h2 id="in1">履修情報</h2>
+    <p>
+      教務システムから出力できる、指定の科目を履修している学生のリストです。
+      一人の学生につき次の情報が含まれます：
+      <ul>
+        <li>学籍番号</li>
+        <li>現在履修登録している授業番号</li>
+      </ul>
+    </p>
+
+    <h2 id="in2">授業名簿</h2>
+    <p>
+      一人の学生につき次の情報が含まれます：
+      <ul>
+        <li>学籍番号</li>
+      </ul>
+    </p>
+
+    <h2 id="in3">連絡先一覧</h2>
+    <p>
+      一人の学生につき次の情報が含まれます：
+      <ul>
+        <li>学籍番号</li>
+        <li>学校のメールアドレス</li>
+        <li>個人のメールアドレス</li>
+      </ul>
+    </p>
+
+    <h2 id="course-id">授業番号</h2>
+    <p>
+      授業名簿の授業の番号です。
+    </p>
+  </body>
+</html>