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

成都創(chuàng)新互聯(lián)公司服務項目包括香坊網站建設、香坊網站制作、香坊網頁制作以及香坊網絡營銷策劃等。多年來，我們專注于互聯(lián)網行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案，香坊網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到香坊省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

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

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

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

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

<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，我們可以將注冊信息分組成

基本信息（一般為必填）

詳細信息（一般為可選）

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

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

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

格式：

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

瀏覽器支持：

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

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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文名稱：如何用用fieldset設置邊框顏色-創(chuàng)新互聯(lián)
文章來源：http://www.rwnh.cn/article6/dcidig.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網站建設、網站策劃、小程序開發(fā)、網站設計、微信小程序、做網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)