萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML標簽Fieldset介紹

HTML標簽Fieldset介紹

 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>

copyright © 萬盛學電腦網 all rights reserved