占位符文本的替代方案

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

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

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

这几乎等同于:“不要使用它们”。请注意,这里没有提供任何良好用例的示例,甚至“操作”图形中的示例也只显示“占位符文本”,这并不能很好地说明其实用性。

我想知道占位符文本是否会完全不受欢迎。

它让我想起了 浮动标签。浮动标签曾一度流行,但实际上并没有什么用。您使用它们的原因是当您的空间非常有限,无法在输入框的旁边显示常规标签时。但是,您实际上无法移除标签,只能移动它。因此,如果标签仍然存在并且可读,为什么不一直保留在那里呢?

直接链接 →