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

字號:


    一、懺悔
    之前HTML沒有好好學,導致以前看到控件組樣式感覺很新奇,于是就用css實現(xiàn)了一個。但是偶然一次接觸了這個標簽,才發(fā)現(xiàn)so easy。唉!以后學知識不要淺嘗輒止,一定要深入進去、全面了解。好了,不噴了,算是自己寫給自己的吧,做個警醒。開始學習這個標簽了。
    二、簡述
    <fieldset> 標簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。從中提取兩層意思:
    1.fieldset存在于form里(這樣說不準確);
    2.分組打包的功能。 field:[fiːld]領(lǐng)域;牧場;曠野;戰(zhàn)場;運動場的意思,fieldset則顯而易見了,就是“我的地盤聽我的”。我給你貼上這一系列標簽。
    其中<legend> 標簽為 fieldset 元素定義標題。
    代碼如下:
    <form>
    <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
    </fieldset>
    </form>