不要使用占位符属性

Avatar of Chris Coyier
Chris Coyier

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

Eric Bailey 对 <input placeholder> 持强硬立场。

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

  • 无法自动翻译;
  • 通常用作标签的替代品,从而阻止辅助技术的使用;
  • 输入内容后会隐藏重要信息;
  • 颜色可能太浅而难以辨认;
  • 样式选项有限;
  • 可能看起来像预先填充的信息,会被跳过。

…以及将您想要放置在输入框内的任何辅助文本移到实际标记之外的优势…我深信不疑。

直接链接 →