组框：<fieldset> 标签

最新推荐文章于 2021-06-03 05:39:15 发布
最新推荐文章于 2021-06-03 05:39:15 发布
阅读量507 收藏
点赞数 1
分类专栏： Web 文章标签： fieldset
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abc19900828/article/details/39478455
版权

这个标签很少用到，不过实际运用中可以得到意想不到的效果，如：


定义和用法

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

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

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

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

实例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML>
< html >
 
< body >
 
< form >
   < fieldset >
     < legend >健康信息</ legend >
     身高：< input  type = "text"  />
     体重：< input  type = "text"  />
   </ fieldset >
</ form >
 
< p >如果表单周围没有边框，说明您的浏览器太老了。</ p >
 
</ body >
</ html >

实例效果：


箫剑90
关注
专栏目录
HTML ＜fieldset＞ 标签
玄链教育
06-13 987
fieldset 元素可将表单内的相关元素分组。 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。 标签没有必需的或唯一的属性。
表单相关标签（＜input＞ ＜fieldset＞ ＜button＞ ＜select＞ ＜label＞）
qq_43812504的博客
12-03 470
表单：<from></form> <form name="" method="" action=""></form> <!--action:规定当提交表单时向何处发送表单数据。 method: get/post 规定用于发送表单数据的 HTTP 方法。 --> <form> 元素包含一个或多个如下的表单元素： <input> <textarea> ：文本框 <button> ：按钮 <
fieldset的用法
甜筒八部 的专栏
08-17 1512
CSS中fieldset legend标签的用法，这个几乎被网页设计师遗忘的标签…… fieldset标签会在包含的文本和input等表单元素外面形成一个方框，legend元素作为标题。 fieldset：对表单进行分组，一个表单可以有多个fieldset。fieldset标签会在包含的文本和input等表单元素外面形成一个方框，legend元素作为标题。
HTML 标签
faunjoe的专栏
09-02 360
fieldset 元素可将表单内的相关元素分组。 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。 标签没有必需的或唯一的属性。 标签为 fieldset 元素定义标题。定义和用法legend 元素为 fieldset 元素定义标题（c
fieldset边框样式无效解决方案
行云流水
10-08 6597
问题重现原因分析 浏览器版本太旧了 由于bootstrap重写了fieldset和其中的legend，那么样式就会变成了”标题”下面一条分割线 解决方案在使用到该fieldset的时候加上下面样式 <style> fieldset { padding: .35em .625em .75em; margin: 0 2px;
html中fieldset边框样式设置
热门推荐
qq_42926749的博客
09-03 1万+
fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。它与窗口框架的行为有些相似。在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。 fieldset元素元素是块元素。 并且需要关闭标签，即必须成对出现。 form#staff_info fieldset { background: rgba(255,255,255,.3); ...
＜fieldset＞ 标签
YNanzhi的博客
03-16 1656
<fieldset> 标签可以将表单内的相关元素分组。 <fieldset> 标签会在相关表单元素周围绘制边框。 <legend> 标签为 <fieldset> 元素定义标题。 属性： disabled 值：disabled 描述：规定该组中的相关表单元素应该被禁用。 2.form 值：form_id 描述：规定 fieldset 所属的一个或多个表单。 3.name 值：text 描述：规定 fieldset 的名称。 ...
html 隐藏整个fieldset,HTML: <fieldset> 标签
weixin_39955938的博客
06-03 760
在线示例对表单中的相关元素进行分组：示例html>HTML5fieldset标签的使用(基础教程网nhooo.com)客户资料(nhooo.com)名称:地址:电话号码:测试看看 ‹/›运行后效果如下：浏览器兼容性IEFirefoxOperaChromeSafari所有主流浏览器都支持 标签。标签定义及使用说明 标签可以将表单内的相关元素分组。 标签会在相关表单元素周围绘制边框。...
01-HTML5新的语义标签比如 <header>, <footer>, <article>, <section>,<aside>等
weixin_44077629的博客
03-09 419
HTML5新的语义标签： header footer nav main section aside article mark 定义有记号的文本 time details 定义元素的细节。（详细信息） summary 为 元素定义可见的标题。 figure 定义媒介内容的分组，以及它们的标题。 figcaption 定义 figure...
<fieldset>是什么意思
最新发布
05-19
<fieldset>是一个 HTML 标签，用于将一组相关的表单元素放在一个框中，以便将这些元素视为单独的单元。这个标签通常与<legend>标签一起使用，<legend>标签用于提供与<fieldset>相关的标题或说明。使用<fieldset>和...
HTML基础
qq_27009517的博客
12-03 1499
HTML 标题标签 HTML 标题是通过<h1> - <h6>标签进行定义的，分别对应文档结构中的每一级标题。 下面的实例定义了所有标题。 <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6...
fieldset 标签样式自定义
草巾冒小子的博客
08-22 1万+
&amp;amp;amp;lt;fieldset&amp;amp;amp;gt;标签标签样式自定义 混搭bootstrap框架，开发网站后台管理系统，结合简单实例，系统界面，截图演示H5标签fieldset、legend的使用效果！ 注意：删除代码中的注释部分，就是fieldset单独使用的效果 ！ 效果预览 代码如下： &amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt; &amp;amp;amp;
使用<fieldset>标签，为表单添加边框
Duke的博客
05-06 6159
<div> <div style="width: 600px"> <form> <fieldset> <legend>健康信息</legend> 身高：<input type="text" /> 体重：<input type="text" /> ...
完成以下页面（需要了解fieldset标签的用法）
gfh
04-21 1670
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .expa{ width: 800px;;} &lt;/style&gt; &lt;/hea
URL地址重写
三千弱水的专栏
09-22 3368
URL重写就是首先获得一个进入的URL请求然后把它重新写成网站可以处理的另一个URL的过程。举个例子来说，如果通过浏览器进来的URL是“UserProfile.aspx?ID=1”那么它可以被重写成 “UserProfile/1.aspx”，这样的URL，这样的网址可以更好的被网站所阅读。 如果浏览器不支持Cookie或用户阻止了所有Cookie，可以把会话ID附加在HTML页面中所有的
DMZ区，这是个什么东东
三千弱水的专栏
09-19 1651
DMZ是英文“demilitarized zone”的缩写，中文名称为“隔离区”，也称“非军事化区”。它是为了解决安装防火墙后外部网络不能访问内部网络服务器的问题，而设立的一个非安全系统与安全系统之间的缓冲区，这个缓冲区位于企业内部网络和外部网络之间的小网络区域内，在这个小网络区域内可以放置一些必须公开的服务器设施，如企业Web服务器、FTP服务器和论坛等。另一方面，通过这样一个DMZ区域，更加有
session中的地址重写
三千弱水的专栏
09-22 934
地址重写，主要是为了防止有些浏览器,为了提高安全性,禁止了Cookie的功能，而session的ID恰好是保存在web容器中和客户端的内存当中的。所以一旦禁用了cookie,session也会无法使用.所以url重写技术就诞生了.像以前的新浪邮箱就没有采用url地址重写,导致了禁用cookie的时候，是无法进行操作的.  Java代码   import java.io.IOExce
Spring MVC Controller单例陷阱
三千弱水的专栏
09-22 766
Spring MVC Controller默认是单例的： 单例的原因有二： 1、为了性能。 2、不需要多例。 1、这个不用废话了，单例不用每次都new，当然快了。 2、不需要实例会让很多人迷惑，因为spring mvc官方也没明确说不可以多例。   我这里说不需要的原因是看开发者怎么用了，如果你给controller中定义很多的属性，那么
HTML文本与选择控件标签详解：<textarea>, <select>, <option>
- `<legend>`：用于定义`<fieldset>`标签组的标题，通常配合`<fieldset>`一起使用，提供对表单字段的分组说明。 HTML与XHTML的区别： - HTML和XHTML都是标记语言，但XHTML更加规范，要求严格的结构和语法，推荐...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值