經(jīng)??吹揭恍┍韱螘幸环N相同的特殊效果,就是表單說明文字會浮在邊線上,可以用css控制實現(xiàn),但是其實html有一個fieldset標(biāo)簽來實現(xiàn)這效果
HTML <fieldset> 標(biāo)簽
定義和用法
fieldset 元素可將表單內(nèi)的相關(guān)元素分組。
<fieldset> 標(biāo)簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。
當(dāng)一組表單元素放到 <fieldset> 標(biāo)簽內(nèi)時,瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創(chuàng)建一個子表單來處理這些元素。
<fieldset> 標(biāo)簽沒有必需的或唯一的屬性。
<legend> 標(biāo)簽為 fieldset 元素定義標(biāo)題。
實例
組合表單中的相關(guān)元素:
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
實現(xiàn)效果如下
還可以用css控制邊線的樣式和legend的樣式。
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>