HTML标签Fieldset的详细介绍

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

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

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

  当一组表单元素放到 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

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

延伸阅读
标签: Web开发
标签:a (标记) 说明:标明超链接的起始或目的位置。 描述: 标签属性 · accessKey 设置或获取对象的快捷键。     · atomicselection 指定元素及其内容是否可以一不可见单位统一选择。     · begin 设置或获取时间线在该元素上播放前的延迟时间。     · canHaveChildren 获取表...
标签: Web开发
HTML标签的语义 如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法...
当涉及到表单的设计和开发,其中最热门的话题之一就是表单标签的位置。 表单标签位置有多种不同的排版方案选择,但很多文章关于这个问题只涉及到部分讨论和分析。而在短时间内,你应该如何选择一个比较好、适合你的排版方案? 表单标签位置的排版方案: 标签在字段上方; 标签在字段左侧,并且左对齐; 标签在字段左侧,并且右对齐; 标签在...
标签: Web开发
W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 header, section, footer, 以及 figure。 通过制...
链接 一、连结至其他文件 <a href="URL">说明文字或图片</a> 二、连结至文件内之某一处(外部连结)  《1》起点 <a href="档名#名称">..........</a>  《2》终点 <a name="名称"> 三、frame的超连结  【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" ...

经验教程

666

收藏

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