HTML表單提交/按鈕 - 字段集或DIV

Question

好吧，我幾乎得到HTML中的字段集標籤除了兩種情況：

1. 我應該使用它，如果會有裏面只有一個元素（後所有這些都是用於'分組'表單元素）

2. 它應該用於封裝表單提交按鈕嗎？我通常使用div來實現這個功能，不過我一直在想，fieldset是否會更好。

在此先感謝

Answer 1

1. 這的確是一個主觀判斷。如果只有一個元素的語義組，我通常不會使用它，因爲該組是隱式的，特別是如果只有一個元素。使用語義fieldset的一個好例子可能是將用戶的聯繫人詳細信息的輸入字段與信用卡詳細信息分開分組。

2. 您不應該使用div或fieldset來包含提交按鈕。提交按鈕與整個表單相關，而不僅僅是某些字段集。如果您只想讓設備將提交按鈕定位在自己的行上，則應該使用CSS來查看它的樣式。

Answer 2

您應始終使用fieldset元素及其相應的圖例元素。他們爲用戶添加語義信息，但更重要的是幫助殘障用戶訪問。我不是很積極，你正在使用的是什麼元素，但​​我會假設它是一個表單控件，而且這些元素都應該與標籤元素相匹配，並提供與fieldset + legend元素類似的好處。提交表單控件通常不應該放在字段集中，因爲字段集爲分組控件提供結構。我想說我讀了某個地方這是不好的做法，但我無法找到它，但是我離開它們。