用于指示“部分需要”的UI 网页形式的字段?

发布于 2024-07-08 18:45:26 字数 505 浏览 7 评论 0原文

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

明确什么是必需的、什么是可选的最好方法是什么?

<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>

预先感谢您的任何想法。 我也愿意接受完全不同的方法。

澄清: “可选”部分是日期。 您必须选择“可用”或“不可用”。 但日期是可选的。

这是一个用户界面问题,而不是技术问题。

I have a set of radio buttons where a selection is required. In addition, there is an optional text box that shows up next to one of the selections.

What would be the best way to make it clear what is required and what is optional?

<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>

Thanks in advance for any ideas. I'm also open to a completely different approach.

Clarification:
The "optional" part is the date. You MUST select either Available or Unavailable. But the date is optional.

This is a UI question, not a technical one.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

苦笑流年记忆 2024-07-15 18:45:26

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

[ ] 可用

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

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

[X] 可用

[ ] 不可用

[ ] 可用

[X] 直到 [_____________________________] 为止不可用

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

You can just add a message next to that field. For example (the message here may not be the best).

[ ] Avaliable

[ ] Unvailable (For "Unavailable") until _______________

You can also just make the text box appear only when "Unvailable" is selected.

[X] Available

[ ] Unavailable

[ ] Available

[X] Unavailable until [_____________________________]

You can also make it explicit on the instructions that they must fill out a date when they choose "Unvailable".

痴骨ら 2024-07-15 18:45:26

你是从UI角度还是从技术角度问?

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

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

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

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

那么你的 javascript 就只是:

function RevealTextBox() {

textbox.style.display = 'block'

}

Are you asking from UI perspective or technical perspective?

You could hide the required textbox, and only reveal if if the user selects the "Available" option.

you can do this in javascript, or perhaps in an updatepanel in your code behind.

Are you using .NET? In your page_init you could add an attribute to your availalle radio button.

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

then your javascript would just:

function RevealTextBox() {

textbox.style.display = 'block'

}

无名指的心愿 2024-07-15 18:45:26

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

日期)(可选)

Assuming "mm/dd/yyy" is the textbox, I'd put the this text in the textbox, with it being cleared when the user clicks or otherwise sets focus on the textbox:

(date) (optional)

请别遗忘我 2024-07-15 18:45:26

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

Why bother displaying something that nobody cares about? If you, or your users cared about the date then it would be compulsory.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文