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

文章标签
inputs

17 篇文章
{
,

}
文章“多拇指滑块:特殊的双拇指案例”的直链
css 变量 自定义属性 输入 滑块

多拇指滑块:特殊的双拇指案例

几年前,当 Lea Verou 写了一篇文章时,我第一次接触到了这个概念。多范围滑块遗憾地从规范中删除了,但与此同时,另一件事发生了……

Avatar of Ana Tudor
Ana Tudor 于 2020 年 1 月 9 日 发布
文章“数据列表用于建议值而不强制值”的直链
数据列表 表单 输入

数据列表用于建议值而不强制值

您是否曾经遇到过需要接受简短的任意文本的表单?例如姓名或其他内容。这正是<input type="text"/> 的用途。有许多不同的输入类型(以及模式!),并且选择……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 7 月 26 日 发布
文章“颜色输入:深入了解跨浏览器差异”的直链
CSS 输入

颜色输入:深入了解跨浏览器差异

在本文中,我们将深入了解<input type='color'/> 元素内部的结构、浏览器不一致性、它们在特定浏览器中显示为特定方式的原因以及如何深入研究。深入了解此输入……

Avatar of Ana Tudor
Ana Tudor 于 2020 年 2 月 16 日 发布
文章“关于 inputmode 的一切”的直链
表单 HTML inputmode 输入

关于 inputmode 的一切

inputmode 全局属性为带有屏幕键盘的设备上的浏览器提供了一个提示,以帮助它们确定在用户选择了任何input 或textarea 元素时显示哪个键盘。

<input type="text" inputmode="" /<textarea inputmode="" /

与……不同……

Avatar of Christian Oliff
Christian Oliff 于 2020 年 4 月 27 日 发布
文章“您可能不需要 input type=“number””的直链
表单 输入

您可能不需要 input type=“number”

Brad Frost 写了一篇关于最近使用<input type="number"/> 的网站的体验的文章。

上周,我接到银行打来的电话,询问我刚刚安排的一笔电汇。客户支持人员让我重复所有内容

…
Avatar of Robin Rendle
Robin Rendle 于 2019 年 3 月 29 日 发布
文章“不要使用占位符属性”的直链
输入 占位符

不要使用占位符属性

Eric Bailey 对<input placeholder> 采取了强硬立场。

您可能和我一样在想:是的,是的,我知道其中的陷阱。我能够负责任地使用占位符。但是,当您将所有负面因素放在一起考虑时

  • 无法
…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 22 日 发布
文章“不同输入类型的 DataList”的直链
数据列表 表单 输入

不同输入类型的 DataList

前几天我看到了一个 HTML5 日期输入,它在右侧有下拉箭头,我已经习惯了点击它以显示一个日历日期选择器,在其中选择日期。

通常,它看起来像这样:…

Avatar of Chris Coyier
Chris Coyier 于 2020 年 4 月 26 日 发布
文章“:read-write / :read-only”的直链
:read-only :read-write 输入

:read-write / :read-only

:read-write 和:read-only 选择器是两个可变伪类,旨在根据disabled、readonly 和contenteditable HTML 属性更轻松地进行表单样式设置。虽然浏览器支持还不错,但各种实现却相当古怪。

根据……

Avatar of Chris Coyier
Chris Coyier 于 2024 年 6 月 17 日 发布
  • 更新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

使用我们精心制作的时事通讯

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

© 2024 . All rights reserved.