UI 在 Web 表单中指示“部分必填”字段？答案

【问题标题】：UI to indicate a "Partially-required" field in web form?UI 在 Web 表单中指示“部分必填”字段？
【发布时间】：2008-11-25 18:41:58
【问题描述】：

我有一组需要选择的单选按钮。此外，其中一个选项旁边会显示一个可选文本框。

明确什么是必需的，什么是可选的最好的方法是什么？

<strong>User Availability:</strong><br>
<input value="Available" type="radio"> Available<br />
<input value="Unvailable" type="radio"> Unvailable
until <input type="text"> <small>MM/DD/YYYY</small>

提前感谢您的任何想法。我也对完全不同的方法持开放态度。

说明： “可选”部分是日期。您必须选择可用或不可用。但日期是可选的。

这是一个 UI 问题，而不是技术问题。

【问题讨论】：

标签： html validation webforms usability

【解决方案1】：

您可以在该字段旁边添加一条消息。例如（这里的消息可能不是最好的）。

[ ] 可用

[ ] 不可用（对于“不可用”）直到 _______________

您也可以只在选择“不可用”时才显示文本框。

[X] 可用

[ ] 不可用

[ ] 可用

[X] 在 [_______________] 之前不可用

您还可以在说明中明确说明他们必须在选择“不可用”时填写日期。

【讨论】：

日期是可选的部分。

【解决方案2】：

您是从 UI 角度还是从技术角度提问？

您可以隐藏所需的文本框，并且仅在用户选择“可用”选项时才显示。

您可以在 javascript 中执行此操作，或者在您的代码后面的更新面板中执行此操作。

您使用的是 .NET 吗？在您的 page_init 中，您可以为您的可用单选按钮添加一个属性。

Attribute.Add("onClick", "RevealTextbox();")

那么你的 javascript 将只是：

函数 RevealTextBox() {

textbox.style.display = 'block'

}

【讨论】：

【解决方案3】：

假设“mm/dd/yyy”是文本框，我会将此文本放在文本框中，当用户单击或以其他方式将焦点设置在文本框上时它会被清除：

（日期）（可选）

【讨论】：

【解决方案4】：

为什么要展示一些没人关心的东西呢？如果您或您的用户关心日期，那么这将是强制性的。

【讨论】：