用户界面表示网络表单中的“部分必填”字段?

时间:2008-11-25 18:41:58

标签: html validation webforms usability

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

最明确的方法是明确什么是必需的以及什么是可选的?

<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问题,而不是技术问题。

4 个答案:

答案 0 :(得分:1)

您只需在该字段旁边添加消息即可。例如(这里的消息可能不是最好的)。

[] Avaliable

[]不可用(对于“不可用”)直到_______________

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

[X]可用

[]不可用

[]可用

[X]在[_____________________________]

之前不可用

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

答案 1 :(得分:1)

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

您可以隐藏所需的文本框,并仅显示用户是否选择“可用”选项。

您可以在javascript中执行此操作,也可以在代码后面的updatepanel中执行此操作。

您使用的是.NET吗?在page_init中,您可以向可用的单选按钮添加属性。

Attribute.Add(“onClick”,“RevealTextbox();”)

那么你的javascript就是:

函数RevealTextBox(){

textbox.style.display ='block'

}

答案 2 :(得分:0)

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

(日期)(可选)

答案 3 :(得分:0)

为什么要显示无人问津的东西呢?如果您或您的用户关心日期,那么这将是强制性的。