fieldset

fieldset 是一个 HTML 元素，用于将表单中的一组相关控件组合在一起，它通常与<legend> 元素一起使用，以提供对组内控件的标题或说明。fieldset 的主要作用是提高表单的可读性和可访问性。

以下是一个简单的fieldset 示例：

<form>
  <fieldset>
    <legend>个人信息</legend>
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="phone">电话：</label>
    <input type="tel" id="phone" name="phone"><br><br>
  </fieldset>
  <fieldset>
    <legend>其他信息</legend>
    <label for="hobby">爱好：</label>
    <select id="hobby" name="hobby">
      <option value="reading">阅读</option>
      <option value="sports">运动</option>
      <option value="music">音乐</option>
    </select><br><br>
    <label for="comments">评论：</label><br>
    <textarea id="comments" name="comments" rows="4" cols="50"></textarea><br><br>
  </fieldset>
  <input type="submit" value="提交">
</form>

在这个示例中，我们有两个fieldset，一个包含个人信息（如姓名、邮箱和电话），另一个包含其他信息（如爱好和评论），每个fieldset 都有一个legend 元素，用于描述组内控件的内容，这样，用户在填写表单时可以更容易地找到他们需要填写的部分。