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 属性相同。





相关文章推荐

<form><textarea><label><fieldset><legend><optgroup><button>标签整理

标签整理

fieldset——一个浮游在边框之上的HTML标签

====================================================== 注:本文源代码点此下载 =============================...

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

一个不常用的HTML标签fieldset,不过我觉得比较有意思,其语法如下: fieldset名称 下面是一个代码示例: 用户登陆 帐号: 密码:...

HTML中fieldset标签以及slideUp和slideDown的使用

fieldset的简单示例如下 查询结果 得分: 88: 结合jQuery实现fieldset的滑动效果(slideUp 和slideDown): slideU...

HTML中的<label>标签的使用方法,文字与输入框相关联。

表单中文字与输入框相关联 账号: 密码: ...

HTML中Div、span、label标签的区别

div与span 大家在初学div+css布局时,有很多困惑,在div与span的使用过程没觉得有一定的”章法”,觉得两个区别不大,在w3c的关于div和span的定义:div作为分割文档结构自...

在学习HTML——form表单中的label标签时的一点小体会

在我啃了一遍书本之后,开始了在慕课看视频的过程,从最开始的HTML+CSS的基础课程看起,在第5-9小节讲到了form表单的label标签,         首先看一下慕课的讲解:         l...
  • x_d123
  • x_d123
  • 2016年07月15日 14:49
  • 3359

HTML基础之label标签

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

HTML中LABEL标签的用途

HTML中LABEL标签的用途 在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个,一直没明白这个label是做什么的,今天正好看到了解释: Label ...

HTML5文本域,单选框、复选框,下拉列表框,提交、重置按钮的设置,label标签

文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法:   rows="行数"cols="列数">文本 1、标签是成对出现的,以开始,以结束。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML <fieldset> 标签 label标签
举报原因:
原因补充:

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