html 显示注册表的填写内容

以下是一个简单的HTML注册表单示例，其中包含常见的表单元素和属性：

<form action="/register" method="post">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <label for="password">Password:</label>
  <input type="password" id="password" name="password" required>

  <label for="profile-pic">Upload a profile picture:</label>
  <input type="file" id="profile-pic" name="profile-pic">

  <label for="age">Age:</label>
  <input type="number" id="age" name="age" min="18" max="120" required>

  <label for="gender">Gender:</label>
  <select id="gender" name="gender" required>
    <option value="">--Please choose an option--</option>
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="other">Other</option>
  </select>

  <label for="bio">Bio:</label>
  <textarea id="bio" name="bio" rows="5" cols="30" placeholder="Tell us about yourself..."></textarea>

  <button type="submit">Submit</button>
</form>

该表单包含以下元素和属性：

- `form` 元素：用于包含表单元素并指定表单提交的目标 URL 和提交方法。
- `label` 元素：用于标识表单元素，并通过 `for` 属性与相应的表单元素关联。
- `input` 元素：用于接受用户输入，包括文本、电子邮件、密码、文件和数字等类型。`type` 属性指定输入类型，`id` 属性用于与 `label` 元素关联，`name` 属性用于在提交表单时标识输入。
- `select` 元素：用于创建下拉列表，其中 `option` 元素指定可选项。
- `textarea` 元素：用于接受多行文本输入。
- `button` 元素：用于提交表单。