HTML中的<fieldset>標簽怎么用

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

　　HTML中fieldset標簽的定義和用法：

　　fieldset元素可將表單內的相關元素分組。

　　<fieldset>標簽將表單內容的一部分打包，生成一組相關表單的字段。

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

　　<fieldset>標簽沒有必需的或唯一的屬性。

　　<legend>標簽為fieldset元素定義標題。

　　組合表單中的相關元素：

　　看實例

　　<form>

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　</form>

　　HTML<fieldset>標簽對表單中的相關元素進行分組：

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

　　有實例

　　<form>

　　<fieldset>

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

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

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

　　生日:<inputtype="text">

　　</fieldset>

　　</form>

　　HTMLfieldset設置邊框和顏色：

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

　　<legend>你好你好</legend>

　　</fieldset>

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

　　fieldset標簽--對表單進行分組

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

　　基本信息（一般為必填）

　　詳細信息（一般為可選）

　　那我們如何更好的來實現呢？我們可考慮在表單form中加入下面兩個標簽：

　　fieldset：對表單進行分組，一個表單可以有多個fieldset。

　　legend：說明每組的內容描述。

　　格式：

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　瀏覽器支持：

　　所有瀏覽器都支持<fieldset>標簽。

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