HTML <fieldset> 標簽的具體用法是什么？如何用fieldset設(shè)置邊框顏色？

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

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

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

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

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

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

HTML <fieldset> 標簽的屬性：

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

看實例

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

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

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

有實例

<form> 
 <fieldset> 
   <legend>個人信息:</legend> 
   姓名: <input type="text"><br> 
   郵箱: <input type="text"><br> 
   生日: <input type="text"> 
 </fieldset> 
</form>

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

<fieldset style="border-width: 2px; border-color: #990000; width:95%; height:220">
<legend>你好你好</legend>
</fieldset>

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

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

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

　　基本信息（一般為必填）

　　詳細信息（一般為可選）

那我們?nèi)绾胃�好的來實現(xiàn)呢？我們可考慮在表單form中加入下面兩個標簽：

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

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

格式：

<fieldset>
　　　　<legend>health information</legend>
　　　　　　height: <input type="text"/>
　　　　　　weight: <input type="text"/>
　　</fieldset>

瀏覽器支持：

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

【相關(guān)推薦】

HTML IMG標簽的屬性是有哪些？了解IMG標簽的用法

HTML5中的article標簽是什么？HTML5中的article元素用在什么地方？

以上就是HTML <fieldset> 標簽的具體用法是什么？怎么用fieldset設(shè)置邊框顏色？的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！