HTML 标签(html标签属性大全)

yumo6662个月前 (04-30)技术文章25

提示:点击上方"蓝色字体"↑ 可以订阅噢!

摘要 51RGB官方微信

掌握基础知识,成就未来大神梦想……

定义和用法

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

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

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

实例

带有两个输入字段和相关标记的简单 HTML 表单:

?

1

2

3

4

5

6

7

<form>

<code><labelfor="male">Male</label></code>

<inputtype="radio"name="sex"id="male"/>

<br/>

<code><labelfor="female">Female</label></code>

<inputtype="radio"name="sex"id="female"/>

</form>

浏览器支持

所有主流浏览器都支持 <label> 标签。

Safari 2 或更早的版本不支持 <label> 标签。

HTML 与 XHTML 之间的差异

NONE

提示和注释:

注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性描述DTD
forelement_id规定 label 与哪个表单元素绑定。STF

标准属性

id, class, title, style, dir, lang, xml:lang

事件属性

accesskey, onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup,onmouseover

想认识志同道合的朋友一起学习web

加入我们的学习QQ群 190166743

丰富的学习资源,周一到周四免费直播公开课

长按图片,识别二维码即可入群

你可能感兴趣的精彩内容

微信:UI设计自学平台加关注

长按关注:《UI设计自学平台》

↓↓↓

相关文章

HTML+JS 实现手机号码归属地查询功能

手机号码归属地 API 是一种提供号码归属地信息的接口,它通过与运营商和电信数据库交互,根据手机号码查询相关归属地信息并返回结果。通过使用手机号码归属地API,开发者可以轻松地集成号码归属地查询功能到...

172号卡分销系统推荐人手机号操作步骤_号卡分销平台登录_

内容最后可以获取一级名额172号卡分销系统推荐人手机号操作步骤详解172号卡分销系统是一款高效便捷的分销管理工具。本文将详细介绍如何在该系统中操作推荐人的手机号,为您的分销业务提供精准的指导。无论您是...

html,fix固定写法,固定上方(html固定定位语法)

要实现一个搜索框始终固定在页面顶部,无论用户如何滚动页面,可以使用CSS的position: fixed;属性。fixed定位会使元素相对于浏览器窗口定位,而不是相对于父元素。这使得元素在页面滚动时保...

快速了解JavaScript的表单操作(js实现表单)

前言在 HTML 中使用 <form> 表单元素在 JavaScript 中对应的是 HTMLFormElement 类型,而HTMLFormElement继承了HTMLElement接口...

HTML表单number和range高级元素的使用

number类型元素number属性提供了一个输入数字的输入类型,用户可以直接输入数字,或者通过单击微调框中的向上或者向下按钮选择数字。 代码格式如下。<input type="numb...