用于指示“部分需要”的UI 网页形式的字段?
我有一组单选按钮,需要进行选择。 此外,其中一个选项旁边还会显示一个可选文本框。
明确什么是必需的、什么是可选的最好方法是什么?
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
您只需在该字段旁边添加一条消息即可。 例如(这里的消息可能不是最好的)。
[ ] 可用
[ ] 不可用(对于“不可用”)直到 _______________
您也可以仅在选择“不可用”时才显示文本框。
[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".
你是从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'
}
假设“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)
为什么要费心去展示一些没人关心的东西呢? 如果您或您的用户关心日期,那么这将是强制性的。
Why bother displaying something that nobody cares about? If you, or your users cared about the date then it would be compulsory.