fieldset標籤及相關設定

2021-06-23 03:09:40 字數 687 閱讀 7291

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

標籤將表單內容的一部分打包,生成一組相關表單的字段。當一組表單元素放到標籤內時,瀏覽器會以特殊方式來顯示他們,他們可能有特殊的邊界、3d效果,或者甚至可建立乙個子表單來處理這些元素。標籤沒有必須的或唯一的屬性。

在使用fieldset標籤時,如果不進行任何設定,且表單中元素過多時,會導致元素超出當前彈出頁面或者當前限制框。我們可以對fieldset標籤進行設定,使其可以出現滾動條。

如果fieldset外邊的div高度設定為自適應,fieldset裡面表單元素過多時會使div的高度很大;

如果fieldset外面的div高度設定為固定值,fieldset裡面表單元素過多時會導致表單元素被遮擋,且不出現滾動條。

在fieldset中設定滾動條的方式有兩種:

方式一:

直接對fieldset中所對應的元素屬性進行設定,設定為overflow:auto。例如:

方式二:

直接對fieldset屬性進行設定,設定屬性overflow:auto。例如:

click here

click here

click here

HTML 標籤學習之 fieldset

現在提 html 標籤,貌似有些老生常談了,都說要合理地運用相應語義的標籤,不過 html 標籤那麼多,在寫 的時候用到最多的要算是div,span,a,p,br,h1,h2,h3,ul,ol,li,dl,dt,dd,table系列,input系列,select,del,pre,code等標籤,其他...

fieldset 標籤 對表單進行分組

fieldset 乙個不常用的html標籤 fieldset 標籤 對表單進行分組 在form表單中,我們可以對form中的資訊進行分組歸類,如登錄檔單的form,我們可以將註冊資訊分組成 基本資訊 一般為必填 詳細資訊 一般為可選 那我們如何更好的來實現呢?我們可考慮在表單form中加入下面兩個標...

HTML中fieldset標籤概述及使用方法

一 懺悔 鞍山 牛皮癬最好的醫院www.pfk0412.net 之前html沒有好好學,導致以前看到控制項組樣式感覺很新奇,於是就用css實現了乙個。但是偶然一次接觸了這個標籤,才發現so easy。唉 以後學知識不要淺嘗輒止,一定要深入進去 全面了解。好了,不噴了,算是自己寫給自己的吧,做個警醒。...