js学生成绩表单获取录入表格

在JavaScript中，创建一个学生成绩表单并获取输入数据通常涉及HTML、CSS和JavaScript的结合使用。以下是简单的步骤：

1. **HTML结构**:
创建一个HTML表单，包含学生的姓名、学号以及对应科目的分数字段。例如：

   <form id="studentForm">
     <label for="name">姓名:</label>
     <input type="text" id="name" name="name"><br>
     <label for="studentID">学号:</label>
     <input type="number" id="studentID" name="studentID"><br>
     <label for="scores">科目及分数:</label>
     <select multiple id="scores" name="scores">
       <option value="math">数学</option>
       <option value="english">英语</option>
       <!-- 添加更多选项 -->
     </select><br>
     <input type="submit" value="提交">
   </form>

2. **JavaScript事件处理**:
使用JavaScript给表单添加事件监听器，当用户点击“提交”按钮时，可以获取表单的数据。例如：

   const form = document.getElementById('studentForm');
   form.addEventListener('submit', (event) => {
     event.preventDefault(); // 阻止表单默认提交行为

     const formData = new FormData(form);
     const studentData = Array.from(formData.entries());
     console.log(studentData); // 打印到浏览器控制台

     // 这里可以根据需要将数据发送到服务器，处理，或者存储到本地
   });

`FormData` 对象用于收集表单数据，并提供了一种结构化的获取数据的方式。