文章标签

“是或否？”

Sara Soueidan 深入探讨了这个 HTML/UX 情况。 “是”或“否”是一个布尔情况。复选框表示这一点：它要么打开，要么关闭（嗯，大部分情况下）。但复选框总是最好的 UX 吗？当然，这取决于情况。

使用单选按钮

…

Chris Coyier 于 2020 年 12 月 22 日

某些 HTML 元素带有预设的设计，例如，<input type="checkbox"> 元素的不便的小方块、<meter> 元素的有限颜色条，以及 <details> 元素的“让人感到奇怪”的箭头。我们可以对它们进行样式设置，使其匹配…

Preethi 于 2020 年 12 月 1 日

表单

Geri Reid 提供的非常易于理解的指南，介绍如何构建表单。不是代码，而是指导代码的设计和 UX 原则。

为一家银行开发设计系统教会了我很多关于表单的知识。我已经

…

Chris Coyier 于 2020 年 9 月 15 日

以下是计划！我们将构建一个样式化的选择元素。不仅仅是外部，还包括内部。完全的样式控制。此外，我们将使它变得无障碍。我们不会尝试复制…

Sandrina Pereira 于 2020 年 8 月 13 日

第三方的参与有时会非常积极地推动浏览器向前发展，这一点很有趣。其中一个大型案例是彭博社聘请Igalia 在所有浏览器中实现CSS 网格。

另一个案例是Bocoup 做了类似的事情，这次是为了…

Chris Coyier 于 2020 年 5 月 19 日

毫无疑问，Web 表单在我们的网站或应用程序中发挥着不可或缺的作用。默认情况下，它们提供了一组有用的元素和功能——从图例和字段集到原生验证和状态——但…

Adebiyi Adedotun 于 2020 年 4 月 28 日

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

Alex Holachek 于 2020 年 4 月 27 日

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

Chris Coyier 于 2020 年 3 月 25 日

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

Aaron Iker 于 2020 年 2 月 12 日