`

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> 

 

 

分享到:
评论

相关推荐

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

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

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

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

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

    之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,fieldset&gt; 标签将表单内容的一部分打包,生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读,感兴趣的朋友可以了解下,或许对你有所帮助

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细   * address – 地址  * blockquote – 块引用  * center – 举中对齐块  * dir – 目录列表  * div – 常用块级容易,也是css layout的主要标签  * dl – 定义...

    HTML如何对齐多个表单中的文本框的实现

    表单代码如图,还没有加入样式表,表单没有对齐,比较难看,但是HTML又没有提供表单对齐的标签或功能。 html源代码: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;...

    html标签的嵌套规则介绍

    strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢? 一、HTML 标签包括 块级元素(block)...

    html入门到放弃笔记

    4、一个元素允许有多属性,多属性间,排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这...

    Html5中文手册(程序员必备手册)

    Html 5 标签(按照英文字母a~z顺序排列): 1、&lt;!--...--&gt; 定义注释。 2、&lt;!DOCTYPE&gt; 定义文档类型。 3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7...

    边框加文字效果.html

    div加入一个边框,边框上加入文字,主要作用是表示一个区域,这个区域有一个名称,目前主要使用的标签是&lt;fieldset &gt;标签和的简单用法,文件拿着直接打开即可,不需要另外的编译,直接看到效果

    HTML 网页设计

    css标签,网页模板/* Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ /* reset */ html,...

    html设置虚线边框的方法

    用到CSS样式和HTML标签元素为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。1、html常用标签p标签spanul litable tr td2、实例用到CSS属性单词borderwidthheight3、实现虚线的CSS重点介绍...

    HTML基础学习基础认知,适合小白玩

    第一个网页文档 主体背景设置 设置网页的背景图片 为网页添加背景声音 换行标签 字体标签 段落的排版标签 字体样式标签 水平线标签 大纲级别标题标签 图像标签 超链接标签 嵌入多媒体 表格与列表 表格...

    HTML开发王

    1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 1.5 巩固与自测 第2章 html文档的基本结构 2.1 ...

    jQuery完全实例.rar

    例如,创建一个 span ,可以用 $("&lt;span/&gt;") 或 $("&lt;span&gt;&lt;/span&gt;") ,但不推荐 $("&lt;span&gt;") -------------------------------------------------------------------------------- Create DOM elements on-the-...

    老男孩Python完美实战课程 14期视频教程 28周Python视频教程 1-14周部分

    │ │ ├16html的body内标签之fieldset标签和label标签.avi │ │ ├17上述内容总结.avi │ │ ├18css选择器.avi │ │ ├19css的存在形式及优先级.avi │ │ ├20css边框以及其他常用样式.avi │ │ ├21css之...

    IBM WebSphere Portal门户开发笔记01

    67、边框标签FIELDSET 339 68、按钮与A标签的DISABLED使能属性 340 69、SELECT使用详解 340 70、JS触发SELECT的ONCHANGE事件 349 71、ONBEFOREUNLOAD、ONLOAD与ONUNLOAD事件 349 72、判断 IFRAME 是否加载完成的方法...

    Go的模板引擎Bones.zip

    Bones 是 Go 语言用于开发 Web 应用的模板引擎,包含一些很好的设计模式。支持 CSRF。 示例模板: &lt;h2&gt;Login {{template "errors.html" .}} ...form action="/login" method="post"&gt;... 标签:Bones

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    html的body内标签之fieldset标签和label标签 上述内容总结 css选择器 css的存在形式及优先级 css边框以及其他常用样式 css之float样式 css之float实现作业实例 css之display样式 css之内外边距 本周作业以及思路 第...

Global site tag (gtag.js) - Google Analytics