HTML中的<fieldset>標(biāo)簽怎么用

這篇文章主要為大家展示了“HTML中的<fieldset>標(biāo)簽怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML中的<fieldset>標(biāo)簽怎么用”這篇文章吧。

　　HTML中fieldset標(biāo)簽的定義和用法：

　　fieldset元素可將表單內(nèi)的相關(guān)元素分組。

　　<fieldset>標(biāo)簽將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段。

　　當(dāng)一組表單元素放到<fieldset>標(biāo)簽內(nèi)時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D效果，或者甚至可創(chuàng)建一個子表單來處理這些元素。

　　<fieldset>標(biāo)簽沒有必需的或唯一的屬性。

　　<legend>標(biāo)簽為fieldset元素定義標(biāo)題。

　　組合表單中的相關(guān)元素：

　　看實例

　　<form>

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　</form>

　　HTML<fieldset>標(biāo)簽對表單中的相關(guān)元素進(jìn)行分組：

　　<fieldset>標(biāo)簽內(nèi)的一組表單元素會在WEB瀏覽器中以特殊的方式顯示，比如不同樣式的邊界、3D效果等。

　　有實例

　　<form>

　　<fieldset>

　　<legend>個人信息:</legend>

　　姓名:<inputtype="text"><br>

　　郵箱:<inputtype="text"><br>

　　生日:<inputtype="text">

　　</fieldset>

　　</form>

　　HTMLfieldset設(shè)置邊框和顏色：

　　<fieldsetstyle="border-width:2px;border-color:#990000;width:95%;height:220">

　　<legend>你好你好</legend>

　　</fieldset>

　　放上去看看。然后自己調(diào)一下吧。。三個邊框則把中間的bottom分別改為Top（上部）、Left（左部）、Right（右部）。

　　fieldset標(biāo)簽--對表單進(jìn)行分組

　　在form表單中，我們可以對form中的信息進(jìn)行分組歸類，如注冊表單的form，我們可以將注冊信息分組成

　　基本信息（一般為必填）

　　詳細(xì)信息（一般為可選）

　　那我們?nèi)绾胃玫膩韺崿F(xiàn)呢？我們可考慮在表單form中加入下面兩個標(biāo)簽：

　　fieldset：對表單進(jìn)行分組，一個表單可以有多個fieldset。

　　legend：說明每組的內(nèi)容描述。

　　格式：

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　瀏覽器支持：

　　所有瀏覽器都支持<fieldset>標(biāo)簽。

以上是“HTML中的<fieldset>標(biāo)簽怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！