当前位置:Gxlcms > html代码 > html<fieldset>标签的用法详解

html<fieldset>标签的用法详解

时间:2021-07-01 10:21:17 帮助过:176人阅读

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。从中提取两层意思:
1.fieldset存在于form里(这样说不准确);
2.分组打包的功能。 field:[fiːld]领域;牧场;旷野;战场;运动场的意思,fieldset则显而易见了,就是“我的地盘听我的”。我给你贴上这一系列标签。
其中<legend> 标签为 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 <fieldset>标签的用法详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行