分組幾個輸入欄位
在設計表單時,你可能希望將一些輸入欄位組合到一個組中以幫助組織表單佈局。這可以通過使用標籤來完成。以下是使用它的示例。
對於每個欄位集,你可以使用標記 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>
結果
瀏覽器支援
Chrome,IE,Edge,FireFox,Safari 和 Opera 的最新版本也支援該標籤