设计一个“添加学生信息”表单界面，属性有学号、真实姓名、性别、兴趣爱好、家庭住址、备注，并实现以下功能：1）点击提交时，用javascript完成客户端验证（采用正则表达式）：一是学号为8位数字且不能为空，二是姓名不能为空。2）提交成功后，提交的各项信息先存到PHP数组中，并将该数组内容输出到表格后发送至浏览器显示。

好的，这是一个比较具体的问题，我会尽力回答。首先，我们需要了解一下表单的基本结构和相关属性。一个基本的表单结构如下：

<form action="submit.php" method="post">
  <label for="student_id">学号:</label>
  <input type="text" id="student_id" name="student_id"><br><br>

  <label for="student_name">姓名:</label>
  <input type="text" id="student_name" name="student_name"><br><br>

  <label for="gender">性别:</label>
  <select id="gender" name="gender">
    <option value="male">男</option>
    <option value="female">女</option>
  </select><br><br>

  <label for="hobbies">兴趣爱好:</label>
  <input type="text" id="hobbies" name="hobbies"><br><br>

  <label for="address">家庭住址:</label>
  <input type="text" id="address" name="address"><br><br>

  <label for="remarks">备注:</label>
  <textarea id="remarks" name="remarks"></textarea><br><br>

  <input type="submit" value="提交">
</form>

其中，`action` 属性指定了表单提交后的处理程序，`method` 属性指定了提交方式（一般使用 POST），`label` 标签用于描述表单元素，`input` 标签用于定义表单元素，`select` 标签用于定义下拉菜单，`option` 标签用于定义下拉菜单中的选项，`textarea` 标签用于定义多行文本框。

接下来，我们需要用 JavaScript 实现客户端验证。在提交按钮上绑定一个事件监听器，监听 `click` 事件，并在事件处理函数中进行验证。例如：

<input type="submit" value="提交" onclick="return validate()">

在 JavaScript 中，我们可以使用正则表达式来进行验证。例如，学号为 8 位数字且不能为空的验证可以使用以下正则表达式：

var id = document.getElementById("student_id").value;
if (!/^\d{8}$/.test(id)) {
  alert("学号必须为8位数字");
  return false;
}

姓名不能为空的验证可以使用以下代码：

var name = document.getElementById("student_name").value;
if (name === "") {
  alert("姓名不能为空");
  return false;
}

最后，我们需要在 PHP 中接收表单提交的数据，并将其存储到数组中，并将数组内容输出到表格中。可以使用以下代码：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $student_id = $_POST["student_id"];
  $student_name = $_POST["student_name"];
  $gender = $_POST["gender"];
  $hobbies = $_POST["hobbies"];
  $address = $_POST["address"];
  $remarks = $_POST["remarks"];

  $student = array(
    "学号" => $student_id,
    "姓名" => $student_name,
    "性别" => $gender,
    "兴趣爱好" => $hobbies,
    "家庭住址" => $address,
    "备注" => $remarks,
  );

  echo "<table>";
  foreach ($student as $key => $value) {
    echo "<tr><td>{$key}</td><td>{$value}</td></tr>";
  }
  echo "</table>";
}
?>

这样就完成了“添加学生信息”表单界面的设计和相关功能的实现。当用户点击提交按钮时，会先进行客户端验证，验证通过后会将表单数据提交到 PHP 页面进行处理，并将处理结果输出到表格中。