`

Fieldset:一个不常用的HTML标签

    博客分类:
  • JAVA
阅读更多

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

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

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

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

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

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

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

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

    示例(登录框)

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

 

 

分享到:
评论

相关推荐

    jquery fieldset和legend标签代码.zip

    在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...

    HTML标签解释大全

    ##### 标签:fieldset - **说明**:`&lt;fieldset&gt;` 标签用于在字段集包含的文本和其它元素外面绘制一个方框。例如: ```html &lt;fieldset&gt; 个人信息 名字:&lt;/label&gt;&lt;br&gt; ...

    HTML常用标签.pdf

    HTML常用标签 HTML 是构建网页的基础语言,它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础,通过这些标签,可以构建一个完整的网页。 基本文档结构标签 1. ...

    web开发必须知道的10个不常用HTML标签

    下面,我们将详细解析这些不常用的HTML标签,帮助你拓宽知识面,提升web开发技能。 1. `&lt;cite&gt;`:这个标签用于表示作品的名字,如书籍、电影或文章的标题。当浏览器渲染时,通常会将`&lt;cite&gt;`内的文本用斜体显示。...

    fieldset标签定义说明.docx

    `&lt;fieldset&gt;`标签用于定义一个字段集,通常与`&lt;legend&gt;`标签配合使用,`&lt;legend&gt;`为字段集提供了一个标题或说明,帮助用户理解字段集的目的。例如: ```html &lt;fieldset&gt; &lt;legend&gt;Personalia: &lt;label&gt;Name: ...

    HTML5标签和属性列表.pdf

    HTML5 中的常用标签 * a:定义超链接 * abbr:定义缩写 * address:定义地址元素 * area:定义图像映射中的区域 * b:定义粗体文本 * base:定义页面中所有链接的基准URL * bdo:定义文本显示的方向 * blockquote...

    可收放的HTML fieldset

    首先,我们来看标签:"收放"、"HTML"、"fieldset"、"collaps" 和 "组合框"。"收放"和"collaps"指的是该功能的展开与折叠行为;"HTML"表明这是HTML语言的一部分;"fieldset"是HTML元素,用于定义一个表单中的逻辑组;...

    html5常用标签.txt

    ### HTML5常用标签详解 #### 一、文档结构标签 **`&lt;!DOCTYPE&gt;`**: 定义文档类型。在HTML5中通常使用`&lt;!DOCTYPE html&gt;`来声明文档为HTML5。 **`&lt;html&gt;`**: 根标签,所有其他标签均位于此标签内部。它将文档分为...

    (完整)HTML5常用标签大全.doc

    以下是在HTML5中常用的标签: 基本结构标签 * `&lt;!DOCTYPE&gt;`:定义文档类型 * `&lt;html&gt;`:定义HTML文档 * `&lt;title&gt;`:定义文档的标题 * `&lt;body&gt;`:定义文档的主体 标题标签 * `&lt;h1&gt;` to `&lt;h6&gt;`:定义HTML标题 ...

    HTML标签解释大全.doc

    这不是一个实际的HTML标签,而是用于描述元素属性的概念。 ##### **8. b** **说明:** 指定文本应以粗体渲染。`&lt;b&gt;`标签用于强调文本,使其加粗显示。 ##### **9. base** **说明:** 指定一个显式URL用于解析...

    html5标签大全

    HTML5 标签大全 HTML5 是最新的 HTML 标准,提供了许多新的标签和特性,提高了网页的交互性和可访问性。本文将对 HTML5 中的所有标签进行分类和解释,帮助开发者快速了解和使用这些标签。 结构性标签 * `&lt;header&gt;...

    HTML中fieldset标签概述及使用方法

    在HTML中,`&lt;fieldset&gt;`标签是一个非常实用的元素,用于组织和布局表单内容,特别是在处理复杂的表单时,它能帮助用户更好地理解和导航。本文将深入探讨`&lt;fieldset&gt;`标签的概述、用途以及如何使用它来创建更加清晰、...

    第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi

    第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi

    几乎被设计师遗忘了的标签fieldset legend

    在 HTML 中,fieldset 和 legend 标签是两个常用的标签,用于组织和描述表单元素。但是,这两个标签经常被设计师遗忘或忽视,本文将重点介绍这两个标签的使用、样式设置和在实际开发中的应用。 一、fieldset 标签 ...

    FieldSetView:FieldSetView是一个Android自定义视图,它模仿html中的“ fieldset”标签

    FieldSetView是一个Android自定义视图,它模仿HTML中的“ fieldset”标签。 下载 Gradle: 将以下内容添加到您的项目级别build.gradle中: allprojects { repositories { maven { url "https://jitpack.io" } }...

    HTML标签英文单词

    根据提供的文件信息,我们可以深入探讨一系列HTML标签及其用途。HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。下面将详细介绍这些标签的功能与应用场景。 ### &lt;a&gt;: Anchor `&lt;a&gt;` 标签定义...

    头歌教学实践平台 Web前端开发基础 HTML-表单类的标签

    7. `&lt;fieldset&gt;`和`&lt;legend&gt;`标签:用于组织表单,`&lt;fieldset&gt;`定义一个区域,`&lt;legend&gt;`为该区域添加标题。 示例: ```html &lt;fieldset&gt; 个人信息 &lt;!-- 表单元素 --&gt; &lt;/fieldset&gt; ``` 8. `&lt;input&gt;`的`...

Global site tag (gtag.js) - Google Analytics