分組幾個輸入欄位

在設計表單時,你可能希望將一些輸入欄位組合到一個組中以幫助組織表單佈局。這可以通過使用標籤來完成。以下是使用它的示例。

對於每個欄位集,你可以使用標記 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 的最新版本也支援該標籤