fieldset是一個不常用的HTML標簽,很有意思,其語法如下:
<fieldset>
<legend>fieldset名稱</legend>
<!-- 加入你的內容 -->
</fieldset>
fieldset元素用於對表單中的元素進行分組並在文檔中區別標出文本。它與窗口框架的行為有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的腳本中可用。
fieldset元素元素是塊元素。 並且需要關閉標簽,即必須成對出現:<fieldset></fieldset>。
在IE中,如果不加css,fieldset的效果是圓角的,但加了css後就變成方角的了。 在Firefox中的效果都為方角。
fieldset 元素可將表單內的相關元素分組。
<fieldset> 標簽將表單內容的一部分打包,生成一組相關表單的字段。<fieldset> 標簽沒有必需的或唯一的屬性。
當一組表單元素放到 <fieldset> 標簽內時,浏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創建一個子表單來處理這些元素。
示例(登錄框)
<center>
<fieldset style="width:300px">
<legend>用戶登陸</legend>
<form name="login" method="post">
帳號:<input name="UserName"></input>
<br><br>
密碼:<input type="password" name="UserPassword"></input>
<br><br>
<input type="submit" value="登陸" name="Submit"></input>
<input type="reset" value="重填" name="Reset"></input>
</form>
</fieldset>
</center>