webforms - 在 Web 表单上突出显示必填字段的最佳方式是什么？

Question

我不觉得经常使用的“*”看起来很好看——谁能建议一个更好看的方法或给我举个例子？

我尝试按照一个人的建议使该字段以红色突出显示，但我不喜欢这种外观。

大胆的标签可能会奏效。

但我真的很喜欢在添加文本之前在字段中以灰色显示“必填”的想法。有人有这方面的代码吗？

score 15 · Accepted Answer

一般来说，最好的 web 表单是最简单的，需要我思考的最少。已经演变的“标准”是必填字段旁边有一个星号 (*)。有时星号是红色的，以帮助它突出一点。

为什么要打标准？不要让你的用户想太多。遵循标准，为更重要的事情保持创造力。

score 7 · Accepted Answer

如果您要使用颜色来突出显示该字段，请记住有些人是色盲的（因此也可以提供另一个指标）

score 5 · Accepted Answer

如果您使用样式表来格式化您的 HTML，那么您可以为.mandatory. 例如，将强制输入设置为使用此样式，然后您可以更轻松地使用它，直到您拥有适合您的整体设计的颜色、边框和其他样式元素的正确组合。

HTML

<input id="username" type="text" class="mandatory" />

CSS

.mandatory {
    color: red;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
}

我还使用星号作为“备份”提到的 OP。

-R

score 4 · Accepted Answer

有时将字段标记为必填项和可选项确实是合理的。但是，在您这样做之前，您应该质疑向用户询问任何非强制性信息是否合理。这尤其适用于注册表。

在注册表等中，最好只询问最少的信息。注册后，用户可以随意在单独的表格中填写可选信息。

从表单中删除所有不必要的杂物后，您可能会发现没有必要将字段标记为必填项；要么一切都是强制性的，要么对于用户来说哪些字段是可选的可能非常明显，以至于不需要提供视觉提示。

score 2 · Accepted Answer

2

添加样式=“边框：细红色实心；” 到元素

于 2008-11-04T18:52:43.073 回答

score 2 · Accepted Answer

我发现LukeW.com上的答案是最有用的。因为这里没有简单的解决方案。这取决于必填字段的百分比、表单中有多少字段以及标签的长度。对于绝大多数网络，人们理解粗体是必需的，而正常重量是可选的（如果有任何选项是粗体的）。只有在表单验证失败后，我才会向用户显示突出显示的必需但跳过的输入框。

score 1 · Accepted Answer

我通常不反对在字段名称正下方或输入字段附近以较小的字体查看（必需）。

我还可以看到使用“文本框水印”让该字段在其中显示“必填”，直到他们将焦点带到该字段并开始输入。

score 1 · Accepted Answer

1

我喜欢在 ASP.NET Ajax Control Toolkit 中为ValidatorCallout 控件完成的方式：

于 2008-11-04T19:22:53.153 回答

score 0 · Accepted Answer

可能想查看www.PeterBlum.com - 他的专业验证包用于验证和格式化控件。他有使用教程和大量示例以及详细的手册。

9 回答 9