在web表单上突出显示必填字段的最佳方法是什么?

一般来说,最好的网络表单是最简单的,需要我最少思考。已经发展的“标准”是必填字段旁边有一个星号(*)。有时星号是红色的,以帮助它脱颖而出。

为什么要反对标准?不要让你的用户想太多。坚持标准,把你的创造力放在更重要的事情上。

如果你打算用颜色来突出显示该区域,请记住有些人是色盲(所以也可以提供另一个指标)

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

超文本标记语言

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

CSS格式

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

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

R

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

在注册表等中,它是 很 最好只问最基本的信息。注册后,用户可以随意在单独的表格中填写可选信息。

从表单中删除所有不必要的杂质后,您可能会看到没有必要将字段标记为必填字段;要么一切都是强制性的,要么用户可能很清楚哪些字段是可选的,所以不需要给出视觉提示。

将style=“border:薄红色实心;”添加到元素中

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

我通常不反对在字段名称正下方或输入字段附近看到(必填)较小的字体。

我还可以看到使用“文本框水印”让字段显示“必填”,直到他们将焦点转移到字段并开始打字。

我喜欢ASP中的做法。NET Ajax控件工具包 ValidatorCallout control :

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