在页面中插入表单及以下元素： 姓名-文本框、密码-密码框、性别-2个单选按钮、文本框-身高 2. 实现注册信息验证，要求用户输入姓名、密码、性别、身高，分别验证以下内容，如果错误给出对应提示：姓名（长度2~4位）、密码（长度8~20位）、性别（男或女）、身高（80~250cm） 提示：文本框/密码框的value属性可以获取填写的数据；验证结果显示在指定div中

1. 在HTML中插入以下代码：

<form>
  <label>姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label>密码：</label>
  <input type="password" id="password" name="password"><br><br>
  
  <label>性别：</label>
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label><br><br>
  
  <label>身高：</label>
  <input type="text" id="height" name="height"><br><br>
  
  <button type="button" onclick="validate()">提交</button>
</form>

<div id="result"></div>

2. 在JavaScript中添加如下代码：

function validate() {
  var name = document.getElementById("name").value;
  var password = document.getElementById("password").value;
  var gender = document.querySelector('input[name="gender"]:checked');
  var height = document.getElementById("height").value;
  var resultDiv = document.getElementById("result");
  
  if (name.length < 2 || name.length > 4) {
    resultDiv.innerHTML = "姓名长度应为2~4位";
    return;
  }
  
  if (password.length < 8 || password.length > 20) {
    resultDiv.innerHTML = "密码长度应为8~20位";
    return;
  }
  
  if (!gender) {
    resultDiv.innerHTML = "请选择性别";
    return;
  }
  
  if (height < 80 || height > 250) {
    resultDiv.innerHTML = "身高应在80~250cm之间";
    return;
  }
  
  resultDiv.innerHTML = "注册成功";
}

通过getElementById和querySelector获取表单元素的值，然后进行相应的验证。如果验证失败，将错误信息显示在指定的div中；如果验证成功，显示注册成功的信息。