html <fieldset>标签的用法详解-html教程-PHP中文网

html <fieldset>标签的用法详解

黄舟

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

原创

7625人浏览过

标签将表单内容的一部分打包，生成一组相关表单的字段。从中提取两层意思：
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 <fieldset>标签的用法详解的详细内容，更多请关注php中文网其它相关文章！