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

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

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

摘要 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 表单(炫酷的前端表单和表格)

前言前面已经学习相关html大部分知识,基本上可以制作出简单的页面,但是这些页面都是静态的,一个网站如果要实现用户的互动交流,这时表单就起到关键的作用,表单的用途很多,它主要用来收集用户的相关信息,是...

如何使用java.net.URLConnection发起和处理HTTP请求

技术背景在Java开发中,经常需要与网络进行交互,发送HTTP请求并处理响应。java.net.URLConnection 是Java提供的一个用于处理URL连接的抽象类,通过它可以方便地发起和处理H...

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

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

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

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

HTML DOM Select 对象(html select获取值)

Select 对象Select 对象代表 HTML 表单中的一个下拉列表。在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建。您可通过遍历表单的...

HTML的表单(HTML的表单中保存分类标签tag)

表单标签的作用<form>标签及其属性<from></form>标签对用来创建一个表单,即定义表单的开始和结束位置,<form>标签具有下面等属性。ac...