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

yumo66610个月前 (04-30)技术文章105

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

摘要 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设计自学平台》

↓↓↓

相关文章

AI驱动的表单自动填写(ai表格插件)

我们都同意,填写表格是一项枯燥且耗时的任务。如果我们可以创建一个可以为我们填写表格的 AI 助手,让我们将时间投入到更有建设性的任务中,那会怎样?AI 助手将能够通过调用以表单字段为参数的函数来填写表...

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

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

HTML DOM Keygen 对象(js dom对象)

Keygen 对象 Keygen 对象代表着HTML form表单的 keygen 字段。该对象提供了一个安全的方式来验证用户。当提交表单时,私钥存储在本地,公钥发送到服务器。在 HTML 文档中...

HTML DOM Reset 对象(html reset怎么用)

Reset 对象 在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。 当重置按钮被点击,包含它的表单中所有输入元素的值都重...

小伙给同事爬取数据竟获取不到,竟要使用这种请求方式才能获取?

Http请求中Form Data 和 Request Payload两种参数的区别 ?Ajax Post请求中常用的两种的形式:form data 和 request payload一、默认的表单方式...