分组几个输入字段

在设计表单时,你可能希望将一些输入字段组合到一个组中以帮助组织表单布局。这可以通过使用标签来完成。以下是使用它的示例。

对于每个字段集,你可以使用标记 LEGEND TEXT 为集合设置图例

<form>
  <fieldset>
     <legend>1st field set:</legend>
     Field one:<br>
     <input type="text"><br>
     Field two:<br>
     <input type="text"><br>
  </fieldset><br>
  <fieldset>
     <legend>2nd field set:</legend>
     Field three:<br>
     <input type="text"><br>
     Field four:<br>
     <input type="text"><br>
  </fieldset><br>
  <input type="submit" value="Submit">
</form>

结果

StackOverflow 文档

浏览器支持

Chrome,IE,Edge,FireFox,Safari 和 Opera 的最新版本也支持该标签