HTML 标签
myzbx 2024-12-13 15:03 15 浏览
提示：点击上方"蓝色字体"↑ 可以订阅噢！
摘要 51RGB官方微信
掌握基础知识，成就未来大神梦想……
定义和用法
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
实例
带有两个输入字段和相关标记的简单 HTML 表单：
?
1 2 3 4 5 6 7 |
|
浏览器支持
所有主流浏览器都支持 <label> 标签。
Safari 2 或更早的版本不支持 <label> 标签。
HTML 与 XHTML 之间的差异
NONE
提示和注释：
注释："for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| for | element_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的作用，html书写规范
- 下一篇：什么是html?
相关推荐
- Fabric.js使用说明详解（fabric nodejs）
-
Fabric介绍简介：Fabric是一款基于HTML5Canvas的开源绘图库，它提供了丰富的API和工具，可以轻松地创建交互式的绘图应用程序和游戏。功能特点：介绍Fabric的核心功能，如图形绘制...
- 如何才能快速将照片变成漫画?（如何才能快速将照片变成漫画风格）
-
本文分享8个超级详细的照片变漫画教程，让你秒变绘画大师，跟着教程就能亲手将自己的照片制作成精美的漫画，快来一起试试吧~1、PS一款专业的图像处理软件，具备出色的图像处理功能，提供了强大的编辑工具和广...
- 很少人知道的20个最好用的免费设计软件
-
不是每个人都能花重金去购置昂贵的软件来装备自己，特别是在刚开始涉足设计这个行业的新手们。我们知道adobe系列软件正版是收费的，而且很贵，虽然说我们国内已经能破解使用，很多人都认为adobe的那些软件...
- 13个免费的信息图表制作软件推荐（如何制作信息表）
-
制作信息图表涉及大量的工作，如：数据收集，数据排列，选择和规划信息图表的格式和设计信息图表。在设计信息图表时，选择适当的制图软件是一个非常艰巨的任务。下面为大家推荐13个最好的免费信息图表制作软件。A...
- 怎么转换图片的格式?（怎么转换图片的格式）
-
我们日常用到最多的图片格式是JPG/JPEG格式的，其他常见的图片格式包括有bmp，png，tif，gif，svg，cdr，ai，raw，webp等，由于图片的使用场景不同，所以要求的具体格式也会有所...
- Adobe的各种图形处理软件分别是做什么的
-
Adobe公司的Ps,Pr,Ae,An,Ai软件分别的用来做什么的？PS：AdobePhotoshop的简称，用于图像处理、编辑、通道、图层、路径综合运用，图像色彩的校正，各种特效滤镜的使用、特效字...
- 前端开发中，对图片的优化技巧有哪些?
-
按照先后顺序有以下：1.去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，...
- Adobe软件的最佳Linux替代品有哪些?这几款工具不容错过
-
如果你是一名平面设计工作者，那么估计很多与你职业相同或者是喜欢并正在学习平面设计的小伙伴们，而如果恰巧你们都是Linux用户的话，那么估计很多的小伙伴都在寻找Adobe的Linux替代品吧。但是，...
- 精心收集几个免费绘图、修图与照片编辑软件分享一下
-
本次为大家介绍几款绘图、修图与照片编辑软件，都可以免费授权个人与教育使用，有些开源软件甚至可以在工作上商业使用。其中大多数的绘图软件都是跨平台的，可以在Windows或Mac上安装，对个人照片...
- UI设计入门干货!八大软件+技能+素材网站
-
随着互联网行业的发展，UI设计师越来越多的被提及，UI设计师大火，需求岗位越来越多，也有越来越多的人转行投身UI设计师。UI设计是什么？一般所说的UI设计多指UI视觉设计，主要负责APP、Web、H5...
- 干货!一文读懂10种主流的图片格式
-
JPG、PNG、GIF，这些在我们生活中常见的图片格式，你真的了解它们吗？你知道除了这3种图片格式外，还有十多种主流的图片格式吗？每一种图片格式都有自己的特点和适用场景，选择正确的图片类型不仅能提升视...
- 最佳设计:A-Frame，阅读进度指示器，Colorify.js，交互式讲故事
-
最佳设计和开发好东西的综述以及一些新版本-第44期（2015年最后一期），包括A-Frame，阅读进度指示器，Colorify.js，交互式讲故事的动画地图路径，简单的Ionic侧菜单过渡等。摇滚...
- 当爆火的“粘土风”吹进铁路......
-
展播开始啦⑨<animateattributeName="opacity"begin="0s"dur="0.01"fill="freeze"from="1"to="1"/>&l...
- 日日是好日:书法艺术文字T恤定制，陶冶性情、现代生活新平衡
-
书法，心情和思想都融入文字的意境当中，对眼前或身边发生的不愉快事情视而不见、听而不闻，从而进入既轻松又舒适的状态，没有了妄念和烦恼，精神获得享受。本文节选自《DIYSKU个性化定制设计按需印刷行业出海...
- 从默默无闻到无可替代，Photoshop背后藏着多少不为人知的故事 ?
-
1990年2月推出了photoshop1.0。当时Photoshop只能在Mac计算机上运行，功能上也只有“工具”面板和少量的滤镜。1991年2月推出了photoshop2.0。该版本发行引发了桌...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)