以表单的形式提交自己的学号姓名，并在网页上显示。

在网页设计中，通常通过HTML、CSS和JavaScript（可能还包括后端技术如PHP、Node.js或Python的Flask/Django）来创建一个表单来收集用户的学号和姓名信息。下面是简要步骤：

1. **HTML部分**：
创建一个简单的HTML表单结构，包括输入字段（`<input>`标签），例如：

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

2. **CSS部分**：
对表单进行样式设置，使其更美观易用。

3. **JavaScript部分**（可选）：
- 可以添加事件监听器，当用户点击“提交”按钮时，发送数据到服务器。
- 或者直接在前端处理（适合小规模应用），通过`FormData`获取数据并显示在页面上。

4. **后端处理**：
- 使用后端语言接收表单提交的数据，可以存储在数据库中或仅简单地将其打印出来。

5. **显示数据**：
- 如果选择在前端显示，可以在表格或者其他元素里动态插入提交的信息，比如：

   const form = document.getElementById('infoForm');
   form.addEventListener('submit', (e) => {
     e.preventDefault();
     const studentID = document.getElementById('studentID').value;
     const name = document.getElementById('name').value;
     displayInfo(studentID, name);
   });

   function displayInfo(id, name) {
     // 创建一个新的DOM元素或者修改现有元素显示数据
     const infoDiv = document.createElement('div');
     infoDiv.textContent = '学号：' + id + ', 姓名：' + name;
     document.body.appendChild(infoDiv);
   }