html <fieldset>標籤的用法詳解-html教學-PHP中文網

html

標籤的用法詳解

黄舟

發布： 2017-06-21 16:53:04

原創

6849 人瀏覽過

標籤將表單內容的一部分打包，產生一組相關表單的欄位。從中提取兩層意思：
1.fieldset存在於form裡(這樣說不準確)；
2.分組打包的功能。 field:[fiːld]領域；牧場；曠野；戰場；運動場的意思，fieldset則顯而易見了，就是「我的地盤聽我的」。我給你貼上這一系列標籤。
其中標籤為 fieldset 元素定義標題。

<form> 
<fieldset> 
<legend>health information</legend> 
height: <input type="text" /> 
weight: <input type="text" /> 
</fieldset> 
</form>

登入後複製

10:31:44fieldset是一個不常用的HTML標籤，很有意思，其語法如下：

<fieldset> 
<legend>fieldset名称</legend> 
<!-- 加入你的内容 --> 
</fieldset>

登入後複製

在IE中，如果不加css，fieldset的效果是圓角的,但加了css後就變成方角的了。
在Firefox中的效果皆為方角。

範例如下:
以下是程式碼片段：

<fieldset><legend>本站公告</legend>  
欢迎光临本站!soking’s desk.  
</fieldset>  

<fieldset style="width:300px; border : 1px solid #ff9900;text-align:left;COLOR:#ff9900;FONT-SIZE:   
12px;font-family: Verdana;padding:5px;">  
<legend>本站公告</legend>  
欢迎光临本站!soking’s desk.  
</fieldset>

登入後複製

求Html語言中的fieldset標籤用法,還有請教為什麼fieldset不怎麼常用？是不是因為標籤本身有什麼缺陷？

<html>
	<head>
		<meta http-equiv=content-type content="text/html;charset=GBK">
	</head>
	<body>
		<FIELDSET>
    <LEGEND ACCESSKEY=I>Contact Information</LEGEND>
    <TABLE>
      <TR>
        <TD>
          <LABEL FOR=name ACCESSKEY=N>Name:</LABEL>
        </TD>
        <TD>
          <INPUT TYPE=text NAME=name ID=name>
        </TD>
      </TR>
      <TR>
        <TD>
          <LABEL FOR=email ACCESSKEY=E>E-mail Address:</LABEL>
        </TD>
        <TD>
          <INPUT TYPE=text NAME=email ID=email>
        </TD>
      </TR>
      <TR>
        <TD>
          <LABEL FOR=addr ACCESSKEY=A>Mailing Address:</LABEL>
        </TD>
        <TD>
          <TEXTAREA NAME=address ID=addr ROWS=4 COLS=40></TEXTAREA>
        </TD>
      </TR>
    </TABLE>
  </FIELDSET>
	</body>
</html>

登入後複製

這個標籤主要是用於頁面元素的分組，因為現在流行的頁面佈局方式是div + css 所以這些傳統的HTML標籤應用的機會已經非常少了

以上是html

標籤的用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！