首页：index.html打开要能输入个人姓名、学号等信息；

要实现这个功能，您可以在HTML中添加一个表单元素，使用文本输入框来请求用户输入个人信息。以下是一个示例代码：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="student-id">学号：</label>
  <input type="text" id="student-id" name="student-id"><br><br>
  <input type="submit" value="提交">
</form>

在这个表单中，我们添加了两个文本输入框，分别用于请求用户输入姓名和学号。我们还添加了一个提交按钮，当用户点击它时，表单将被提交。

在提交表单时，可以使用JavaScript来收集输入的数据，并将其存储在一个对象中，以便在页面的其他部分使用。以下是一个示例代码：

const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为
  const name = document.querySelector('#name').value;
  const studentId = document.querySelector('#student-id').value;
  const userInfo = { name, studentId };
  console.log(userInfo); // 打印用户输入的个人信息
});

在这个代码中，我们使用addEventListener函数来监听表单的submit事件。当表单被提交时，我们使用querySelector函数获取文本输入框中的值，并将其存储在一个对象中。最后，我们使用console.log函数打印这个对象，以验证我们是否成功收集了用户输入的个人信息。