HTML标签Fieldset的详细介绍

2016-02-19 17:00 6 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是HTML标签Fieldset的详细介绍,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

fieldset是一个不常用的HTML标签,很有意思,其语法如下:

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

  fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。它与窗口框架的行为有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。

  fieldset元素元素是块元素。 并且需要关闭标签,即必须成对出现:fieldset/fieldset。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

在IE中,如果不加css,fieldset的效果是圆角的,但加了css后就变成方角的了。 在Firefox中的效果都为方角。

  fieldset 元素可将表单内的相关元素分组。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  fieldset 标签将表单内容的一部分打包,生成一组相关表单的字段。fieldset 标签没有必需的或唯一的属性。

  当一组表单元素放到 fieldset 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

示例(登录框)

center
fieldset style="width:300px"
legend用户登陆/legend
form name="login" method="post"
帐号:input name="UserName"/input
brbr
密码:input type="password" name="UserPassword"/input
brbr
input type="submit" value="登陆" name="Submit"/input

input type="reset" value="重填" name="Reset"/input
/form
/fieldset
/center

来源:http://www.tulaoshi.com/n/20160219/1613840.html

延伸阅读
标签: PHP
  <?php /********************************* * *  作者: 徐祖宁 (唠叨) *  邮箱: czjsz_ah@stats.gov.cn *  开发: 2002.07 * * *  函数: tags *  功能: 从文件中提取HTML标签 * *  入口: *  $filename 文件名 *  $tag    &...
  --  HTML标签详解 HTML指令详解 结构 <html> <head> <title>标题<title> </head> <body>..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒後自...
当涉及到表单的设计和开发,其中最热门的话题之一就是表单标签的位置。 表单标签位置有多种不同的排版方案选择,但很多文章关于这个问题只涉及到部分讨论和分析。而在短时间内,你应该如何选择一个比较好、适合你的排版方案? 表单标签位置的排版方案: 标签在字段上方; 标签在字段左侧,并且左对齐; 标签在字段左侧,并且右对齐; 标签在...
标签: Web开发
相关文章: 初学者接触HTML了解一些HTML标记(3) 这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。 61-------------------------------------------------------------------------- OBJECT ACCESSKEY=key ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTO...
表单 一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form>  二、输入文件型表单 <form action="URL" method="post"> <input> <input> .......... ..........&...

经验教程

868

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部