运用JavaScrip.doc 添加学生信息 一、 输入学生信息之后点击添加之后将学生信息展示。 二、 当没有输入内容点击添加时提示请输入信息。 三、 如图所示。 姓名 李四 年龄18 性别男○女 添加学生 张三--12--男-- 李四--18--男

可以使用HTML、CSS和JavaScript来实现这个功能。

首先，我们需要在HTML中创建一个表单，用于输入学生的姓名、年龄和性别，并添加一个“添加学生”按钮。表单应该包含以下元素：

- 一个文本框用于输入学生的姓名
- 一个数字框用于输入学生的年龄
- 两个单选框用于选择学生的性别
- 一个按钮，点击该按钮将学生信息添加到表格中

HTML代码如下：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" required>

  <label for="age">年龄：</label>
  <input type="number" id="age" required>

  <label>性别：</label>
  <input type="radio" name="gender" id="male" value="male" required>
  <label for="male">男</label>
  <input type="radio" name="gender" id="female" value="female" required>
  <label for="female">女</label>

  <button type="button" id="add-student">添加学生</button>
</form>

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody id="student-list"></tbody>
</table>

在上面的HTML代码中，我们创建了一个包含输入表单和学生列表的表格。我们还为每个输入字段添加了一个“required”属性，以确保用户输入了必填字段。

接下来，我们需要使用JavaScript来实现添加学生信息的功能。我们可以使用addEventListener()方法来添加一个事件监听器，当用户点击“添加学生”按钮时，该监听器将执行一个函数，该函数将从输入字段中获取学生信息，并将其添加到表格中。

JavaScript代码如下：

const form = document.querySelector('form');
const studentList = document.querySelector('#student-list');

form.addEventListener('submit', function(event) {
  event.preventDefault();

  const name = document.querySelector('#name').value.trim();
  const age = document.querySelector('#age').value.trim();
  const gender = document.querySelector('input[name="gender"]:checked').value;

  if (name === '' || age === '') {
    alert('请输入信息');
    return;
  }

  const row = document.createElement('tr');
  row.innerHTML = `
    <td>${name}</td>
    <td>${age}</td>
    <td>${gender}</td>
  `;

  studentList.appendChild(row);

  form.reset();
});

在上面的JavaScript代码中，我们首先获取表单和学生列表的引用。然后，我们将一个事件监听器添加到表单上，每当用户提交表单时，该监听器将执行一个函数。

在该函数中，我们首先使用querySelector()方法获取输入字段的值，并使用trim()方法去除前后空格。然后，我们检查姓名和年龄是否为空，如果为空，则弹出一个警告框并返回。

如果输入字段都有值，我们将创建一个新行，并将学生信息添加到该行中。最后，我们将该行添加到学生列表中，并使用reset()方法重置表单。

这样，当用户点击“添加学生”按钮时，我们就可以将学生信息添加到表格中了。如果用户没有输入任何信息，我们还会向他们显示一条警告消息。