不要使用占位符属性

Desknumber

占位符属性包含数量惊人的问题，导致其无法兑现其承诺。让我们澄清一下为什么您需要停止使用它。作为 HTML5 规范的一部分引入的占位符属性“表示一个简短的提示（单词或短语），旨在在控件没有值时帮助用户输入数据。提示可以是示例值或预期格式的简短描述。”

这个看似简单的属性包含大量令人惊讶的问题，导致其无法兑现其承诺。希望我能说服您停止使用它。技术上正确 输入是几乎所有电子商务都必须经过的大门。无论您对设计中同理心的感受如何，无法使 电子邮件营销列表 用的输入都会导致金钱损失。自动可访问性检查软件不会标记占位符属性的存在。然而，这并不一定意味着它可用。最终，可访问性是关于人，而不是标准，因此除了运行检查表之外，重要的是要考虑你的界面。



称之为补救、包容性设计、普遍接入等等。所有这些哲学的精神都归结为制造人们——所有人——都可以使用的东西。从这个角度来看，placeholder根本站不住脚。问题 翻译 当发起翻译当前页面的请求时，具有自动翻译功能的浏览器（例如 Chrome）会跳过属性。对于许多属性来说，这是期望的行为，因为更新的值可能会破坏底层页面逻辑或结构。