文章标签

我觉得所有这些问题都是可以解决的，但最致命的问题是第 3 点：**它们需要空间才能移动**。标签不能消失，而且需要始终保持可读性，因此浮动标签模式实际上并不……

React 提供了两种标准方法来从<form></form>元素中获取值。第一种方法是实现所谓的受控组件（参见我的关于该主题的博客文章），第二种方法是使用 React 的ref属性。

受控……

对具有有趣 UI 交互和动画的简单表单的总结。

我不能保证每个表单的最终演示都是完美无障碍的，或者可以衡量 UX 的改进程度，但这并不意味着你不能从……

Rob Dodson 的这段视频中有很多很酷的技巧，他重点介绍了 Chrome DevTools 中的无障碍技巧。一些笔记

• Chrome DevTools 具有一个实验性功能，可以帮助进行无障碍测试，如果你可以解锁它，

:indeterminate 是 CSS 中的一个伪类选择器，以既不选中也不取消选择的状态命名。它是介于“是”和“否”选项之间的“也许”状态。该状态尚未完全确定，因此……

Andrew Coyle 关于何时使用<input placeholder>

• 不要将它们用作标签
• 不要将它们用作辅助标签
• 不要将它们用作示例输入
• 不要将它们用作帮助文本

这几乎等同于：“不要……”

Chris Dumez

WebKit 以前不支持 HTML 交互式表单验证，该验证在表单提交时发生（除非<form>元素上设置了novalidate属性）或使用reportValidity() API。我们很高兴地宣布现在已实现该功能

由 Tim Paul 记录的表单 UX 的有趣旅程。它从浏览器默认设置开始。尚不清楚为什么它不起作用。但有趣的是，包括巨型基于标签的点击区域的彩色偏移框中的改变并没有帮助。真正有帮助的是……

Michael Scharnagl 的一个不错的教程，在这个教程中，他使用非常不错的功能逐步增强了一个功能完备的评论表单。例如自定义错误消息、自动扩展高度，甚至非常花哨的功能，如 ajax 和离线提交。……