Rumah > Artikel > hujung hadapan web > html <fieldset>标签的用法详解

html <fieldset>标签的用法详解

黄舟asal: 2017-06-21 16:53:046833semak imbas

2b5469ab79cf842344327415c3b3bb95 标签将表单内容的一部分打包，生成一组相关表单的字段。从中提取两层意思：
1.fieldset存在于form里(这样说不准确)；
2.分组打包的功能。 field:[fiːld]领域；牧场；旷野；战场；运动场的意思，fieldset则显而易见了，就是“我的地盘听我的”。我给你贴上这一系列标签。
其中e911751791aa3ba95dc724e2fb905976 标签为 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标签应用的机会已经非常少了

Atas ialah kandungan terperinci html <fieldset>标签的用法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：html <embed>标签的使用与作用Artikel seterusnya：html中fieldset边框样式设置

Artikel berkaitan

Lihat lagi