HTML5中fieldset标签的使用方法及代码示例

<fieldset> 标签是HTML5中的一个分组标签，用于将表单元素进行分组，可以方便地对同一类的表单元素进行样式设置、验证等操作。

以下是一个使用 <fieldset> 标签的示例代码：

<form>
  <fieldset>
    <legend>用户信息</legend>
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name">
    <br>
    <label for="age">年龄：</label>
    <input type="number" id="age" name="age">
    <br>
    <label for="gender">性别：</label>
    <select id="gender" name="gender">
      <option value="male">男</option>
      <option value="female">女</option>
    </select>
  </fieldset>
  <br>
  <fieldset>
    <legend>联系方式</legend>
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email">
    <br>
    <label for="phone">电话：</label>
    <input type="tel" id="phone" name="phone">
    <br>
  </fieldset>
</form>

运行结果：

在上面的示例代码中，我们将用户信息和联系方式分为两个组，分别用 <fieldset> 标签包裹起来，并为每个组添加了一个标题，使用 <legend> 标签来实现。在每个 <fieldset> 中包含了一些表单元素，如文本框、下拉框、邮箱输入框、电话输入框等。

使用 <fieldset> 标签可以将表单元素进行分类，让页面结构更加清晰，同时也可以方便地对每个组的表单元素进行样式设置、验证等操作。