HTML <fieldset> 标签 label标签

转载 2016年05月31日 22:19:30

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

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

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

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

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>
</form>

另外可以在border属性中设置none 进行关闭,但是低版本IE浏览器处理存在缺陷,因此可以将其设置为透明。

fieldset
{
border:solid 0 transparent;
}


label标签


<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。





HTML基础之label标签

我们知道一个完整的表单是由表单标签与其中包裹的各种表单控件组成的。label标签是一种常见的表单控件。它的作用是使用户在填写表单的项目时有更好的体验。比如说如下这个例子E-mail:        ...
  • SnowShenYong
  • SnowShenYong
  • 2016年09月12日 09:27
  • 2464

fieldset标签及相关设置

在HTML中
  • shixihaoma
  • shixihaoma
  • 2014年08月07日 23:56
  • 757

label文字太多导致与控件换行的问题

用bootstrap时,使用label为input元素显示文本时,如果label的文字太多的话,会导致input的元素和文字不在同一行。 先看看最开始的代码: Male 这样显示是正常的: 但当...
  • keifer
  • keifer
  • 2015年12月13日 18:30
  • 4866

HTML5 label 显式、隐式联系

label 标签有两个属性,分别是 for 与 accesskey。forhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/label...
  • chy555chy
  • chy555chy
  • 2017年02月10日 12:48
  • 419

总结HTML中不经常使用的标签

总结HTML4及HTML5中不常使用的标签...
  • u010568344
  • u010568344
  • 2017年06月15日 16:41
  • 1118

fieldset——一个不常用的HTML标签

一个不常用的HTML标签fieldset,不过我觉得比较有意思,其语法如下: fieldset名称 下面是一个代码示例: 用户登陆 帐号: 密码:...
  • u010078133
  • u010078133
  • 2015年02月10日 09:28
  • 2340

html标签元素分类-行内元素和块级元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: 、、...、、、、、、 、 常用的内联元素有: ...
  • ssisse
  • ssisse
  • 2016年04月22日 08:45
  • 530

使用form表单中自带的fieldset与legend

在form表单中常常被忽视的两个标签fieldset和legend 下面我是用了bootstrap的样式,把一些默认样式去除了 ...
  • kuangshp128
  • kuangshp128
  • 2017年03月14日 22:31
  • 808

HTML label标签介绍

label标签介绍label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似。但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定的...
  • gnail_oug
  • gnail_oug
  • 2017年06月03日 15:03
  • 635

HTML的label标签

abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件...
  • u012110719
  • u012110719
  • 2014年11月10日 20:22
  • 711
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML <fieldset> 标签 label标签
举报原因:
原因补充:

(最多只允许输入30个字)