1)设计网页表单，有文本框输入班级、姓名、学号、提交按钮 2）单击提交按钮， 获得填写信息 3）分行显示x同学，你的班级是xx,你的学号是xx 思考 4）显示学号加22的结果是

设计一个简单的HTML表单，用于收集学生的个人信息，可以按照以下步骤进行：

1. 在HTML文件中，创建一个`<form>`标签，设置`method="post"`表示使用POST方法提交数据，以及一个`action`属性指向处理表单数据的URL（例如是一个服务器端脚本）：

<form method="post" action="/submit-form">
  <label for="class">班级:</label>
  <input type="text" id="class" name="class"><br><br>
  
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label for="student_id">学号:</label>
  <input type="number" id="student_id" name="student_id"><br><br>
  
  <input type="submit" value="提交">
</form>

2. 当用户点击“提交”按钮时，表单的数据会被发送到指定的URL。在接收到请求的服务器端（如PHP、Python的Flask或Django，JavaScript的Node.js等），你可以通过`$_POST`或相应的库来获取这些信息。

3. 在服务器端处理表单数据后，可以根据接收到的信息生成显示信息。例如，在PHP中：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $class = $_POST['class'];
  $name = $_POST['name'];
  $student_id = (int)$_POST['student_id'];

  echo "<p>$name同学，你的班级是$class，你的学号是$student_id。</p>";
  
  // 计算并显示学号加22的结果
  $result = $student_id + 22;
  echo "<p>显示学号加22的结果是 $result。</p>";
}
?>