制作網站表單分組，HTML表單分組方法，fieldset與legend標簽作用

作者：佚名   時間：2014-04-09   分享到：

網站表單分組，HTML表單分組方法

除單獨的標記外，也可以將一群表單控件形成一個組，并用<fieldset>和<legend>標簽來標記這個組。HTML4和XHTML標準希望用戶能更好地存取這些表單，尤其是對于那些殘疾人士來說。將表單控件分組變成一些顯式的部分，給你提供了一種機會，你可以進行特殊的顯示，當然也可以管理這些表單內容。

<fieldset>標簽將表單內容的一部分打包，生成一組相關表單字段。<fieldset>沒有必需的或是惟一的屬性。當一組表單元素放到<fieldset>標簽內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D效果，或者甚至可創建一個子表單來處理這些元素。

使用<legend>標簽可為表單中的一個字段集合生成圖標符號。這個標簽可能僅能在<fieldset>里顯示。與<label>類似，<legend>內容可以得到支持HTML 4

和XHTML的瀏覽器的特殊對待，當它被選定時，焦點會轉移到相關的表單元素上，也可以用來提高用戶對<fieldset>的控制。

除了支持表單元素屬性外，<legend>標簽也支持accesskey和<align>屬性。align的值可以是top, bottom, left或right，向瀏覽器說明圖標符號應該放在字段集的什么位置。

將所有標簽組合起來，下面是一個包含幾個個別標記的表單元素的字段集和圖標符號。

<fieldset>
    <legend>聯系方式</legend>
    <label>姓名:<input type="text"/></label>
    <label>地址:<input type="text"/></label>
    <label>電話:<input type="text"/></label>
</fieldset>

注意在圖中，瀏覽器圍繞著字段集合并通過圖標符號來放置一個框架，但它并沒有定義字段集合內容的格式，顯然，使用fieldset和legend標簽制作網站表單時需要變化一下格式。