跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
labels

5 篇文章
{
,

}
直接链接到文章“解开我无法访问的标签的心”
无障碍 aria 标签

解开我无法访问的标签的心

Suzy Naschansky 来自 HTMHell 圣诞节历

<h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p

看到那个aria-labelledby 属性了吗?它连接了来自 ... 的两个 ID。

Avatar of Geoff Graham
Geoff Graham 于 2022 年 12 月 14 日
直接链接到文章“HTML 输入和标签:一段爱情故事”
无障碍 表单 输入 标签 语义

HTML 输入和标签:一段爱情故事

大多数输入都有一个共同点——它们最喜欢伴侣标签!而且快乐不止于此。带有正确输入和标签的表单更容易使用,这也会让人们感到快乐。

Avatar of Amber Wilson
Amber Wilson 于 2021 年 4 月 2 日
直接链接到文章“WCAG 2.1 中的新内容:标签在名称中”
无障碍 aria 标签

WCAG 2.1 中的新内容:标签在名称中

WCAG 2.1 推荐 于 2018 年发布。现在已经过去几年了,有一些新的成功标准。在本文中,我将讨论 标签在名称中,这是我们视觉上标记组件的方式。我们将以 ...

Avatar of Todd Libby
Todd Libby 于 2021 年 6 月 1 日
直接链接到文章“样式复杂的标签”
无障碍 HTML 标签

样式复杂的标签

Danielle Romo 涵盖了当您有一个冗长的<label> 与<input type="radio"> 的花哨样式时的 HTML 模式。

诀窍?老式的<span class="hidden-visually"> 包含您想要读取的标签,以及 ...

Avatar of Chris Coyier
Chris Coyier 于 2020 年 10 月 5 日
直接链接到文章“使用 :placeholder-shown 伪类进行 CSS 仅浮动标签”
:placeholder-shown 表单 标签

使用 :placeholder-shown 伪类进行 CSS 仅浮动标签

浮动标签技术已经存在了 很长时间,基本思想是这样的:我们有一个文本输入,其占位符属性充当标签。当用户在该输入中键入内容时,标签 ...

Avatar of Robin Rendle
Robin Rendle 于 2018 年 10 月 4 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.