首頁 >web前端 >html教學 >HTML

標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?

HTML
標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?

寻∝梦
寻∝梦原創
2018-08-16 14:09:106561瀏覽

HTML

標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?這篇文章為大家詳細的介紹了HTML
標籤的一些用法(有實例)和如何跟別的元素組合使用的一些技巧

HTML中fieldset標籤的定義和用法:

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

標籤將表單內容的一部分打包,產生一組相關表單的欄位。

當一組表單元素放到

標籤內時,瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可建立子表單來處理這些元素。

標籤沒有必要的或唯一的屬性。

標籤為 fieldset 元素定義標題。

HTML

標籤的屬性:

HTML <fieldset> 標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?

組合表單中的相關元素:

看實例

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

HTML

標籤將表單中的相關元素分組:

有實例

<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>

瀏覽器支援:

所有瀏覽器都支援

標籤。

【相關推薦】

HTML IMG標籤的屬性是有哪些?了解IMG標籤的用法

HTML5中的article標籤是什麼? HTML5的article元素用在什麼地方?

#

以上是HTML

標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn