怎么用HBuiIderX输出这张图片的内容

img


怎么用HBuiIderX输出这张图片的内容！
前端的内容，有没有人可以解答一下，感谢


 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会员注册</title>
  </head>
  <body>
    <h1>会员注册</h1>
    <form id="registrationForm">
      <label>
        性质：
        <input type="radio" name="memberType" value="个人" checked="个人" />个人
        <input type="radio" name="memberType" value="公司" />公司
      </label>
      <br />
      <label>
        昵称：
        <input type="text" id="nickname" name="nickname" />
      </label>
      <br />
      <label>
        密码：
        <input type="password" id="password" name="password" />
      </label>
      <br />
      <label>
        邮箱：
        <input id="email" name="email" />
      </label>
      <br />
      <label>
        所在地：
        <select id="location" name="location">
          <option value="">请选择</option>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
          <option value="广州">广州</option>
          <option value="深圳">深圳</option>
        </select>
      </label>
      <br />
      <label>
        身份证号：
        <input type="text" id="idNumber" name="idNumber" />
      </label>
      <br />
      <label>
        手机号：
        <input type="text" id="phoneNumber" name="phoneNumber" />
      </label>
      <br />
      <label>
        意见反馈：
        <textarea id="feedback" name="feedback"></textarea>
      </label>
      <div><input type="submit" /> <input type="reset" /></div>
    </form>
    <script>
      // JavaScript 验证邮箱格式
      function validateEmail() {
        var email = document.getElementById("email").value;
        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!email.match(emailRegex)) {
          alert("请输入有效的邮箱地址！");
          return false;
        }
        return true;
      }
 
      // JavaScript 提交表单
      function submitForm(e) {
        e.preventDefault();
        var memberType = document.querySelector(
          'input[name="memberType"]:checked'
        );
        var nickname = document.getElementById("nickname").value;
        var password = document.getElementById("password").value;
        var emailValid = validateEmail();
        var location = document.getElementById("location").value;
        var idNumber = document.getElementById("idNumber").value;
        var phoneNumber = document.getElementById("phoneNumber").value;
        var feedback = document.getElementById("feedback").value;
 
        // 校验表单数据
        if (!memberType) {
          alert("请选择会员性质！");
          return;
        }
        if (!nickname) {
          alert("请输入昵称！");
          return;
        }
        if (!password) {
          alert("请输入密码！");
          return;
        }
        if (!emailValid) {
          return;
        }
        if (!location) {
          alert("请选择所在地！");
          return;
        }
        if (!idNumber) {
          alert("请输入身份证号！");
          return;
        }
        if (!phoneNumber) {
          alert("请输入手机号！");
          return;
        }
        if (!feedback) {
          alert("请输入意见反馈！");
          return;
        }
 
        // 提交表单
        // 这里可以通过nickname...等变量获取表单输入的值
        alert(`注册成功: 
        性质：${memberType.value}
        昵称：${nickname}
        密码：${password}
        邮箱：${emailValid}
        所在地：${location}
        身份证号：${idNumber}
        意见反馈：${feedback}
        `);
      }
      var form = document.getElementById("registrationForm");
      form.addEventListener("submit", submitForm);
    </script>
  </body>
</html>