如何用用fieldset設置邊框顏色

這篇文章給大家分享的是有關如何用用fieldset設置邊框顏色的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

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

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

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

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

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

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

HTML <fieldset> 標簽的屬性：

組合表單中的相關元素：

看實例

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

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

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

有實例

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

HTML fieldset設置邊框和顏色：

<fieldset style="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>health information</legend>
　　　　　　height: <input type="text"/>
　　　　　　weight: <input type="text"/>
　　</fieldset>

瀏覽器支持：

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

感謝各位的閱讀！關于如何用用fieldset設置邊框顏色就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！