网站推广.NET

网站推广.NET

html <fieldset>标签的用法详解

来源:互联网
标签将表单内容的一部分打包,生成一组相关表单的字段。从中提取两层意思:
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>

这个标签主要是用于页面元素的分组, 因为现在流行的页面布局方式是p + css 所以这些传统的HTML标签应用的机会已经非常少了

fieldset