文章标签

像这样：<input type="search">

1. 你会在 Safari 中得到一个额外的圆形外观，这曾经与 macOS 中搜索输入的外观匹配，但现在已经不再匹配了。我不讨厌这个外观，只是...
2. Safari 完全忽略了你在...

在 HTML 中，有一个非常明确的输入类型用于处理密码

<input type="password">

如果你使用它，当你在其中输入时，你会得到模糊的弹点，比如

••••••••

这是网络试图帮助提高安全性。如果...

大多数输入都有一个共同点——它们最喜欢与一个标签为伴！而幸福不止于此。具有正确输入和标签的表单更容易让人使用，这也会让人们感到高兴。…

说到数字擦除（即为数字输入添加鼠标 UX），你也可以为数字输入添加更好的键盘命令。Kilian Valkhof 解释了他是如何为数字输入添加上下箭头以及修饰键的...

无障碍技巧是使用<input type="range">并使用CSS 调整其形状，而不是放弃并使用 div 或其他东西重新构建它，然后忘记无障碍性。

最巧妙的例子使用了一个倾斜的linear-gradient 背景，使...

以下是一个简单实用的方法，可以让应用程序在移动设备上表现更好：始终使用正确的type、inputmode 和autocomplete 属性配置 HTML 输入字段。虽然这三个属性通常被孤立地讨论，但它们使...

默认情况下，<input> 和<textarea> 元素不会根据其包含的内容改变大小。事实上，没有简单 HTML 或 CSS 方法可以让他们这样做。有点好笑，因为这似乎是一个合理的用例。但是...

现在完全可以构建自定义复选框、单选按钮和切换开关，同时保持语义化和无障碍性。我们甚至不需要一行 JavaScript 或额外的 HTML 元素！实际上，最近比过去更容易...