Интерфейс, чтобы указать «Частично обязательное» поле в веб-форме?

Question

У меня есть набор переключателей, где требуется выбор. Кроме того, рядом с одним из вариантов отображается необязательное текстовое поле.

Как лучше всего объяснить, что требуется и что необязательно?

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

Заранее спасибо за любые идеи. Я также открыт для совершенно другого подхода.

Пояснение: «Необязательная» часть - это дата. Вы ДОЛЖНЫ выбрать либо Доступно, либо Недоступно. Но дата необязательна.

Это вопрос пользовательского интерфейса, а не технический.

Answer 1

Вы можете просто добавить сообщение рядом с этим полем. Например (сообщение здесь может быть не лучшим).

[] Доступно

[] Недоступно (для «Недоступно») до _______________

Вы также можете сделать так, чтобы текстовое поле отображалось, только если выбрано «Недоступно».

[X] Доступен

[] Недоступно

[] Доступен

[X] Недоступно до [_____________________________]

Вы также можете указать в инструкциях, что они должны заполнить дату, когда они выберут «Недоступно».

Answer 2

Вы спрашиваете с точки зрения пользовательского интерфейса или технической точки зрения?

Вы можете скрыть необходимое текстовое поле и открыть его, только если пользователь выберет опцию «Доступно».

Вы можете сделать это в javascript или, возможно, через панель обновления в вашем коде.

Вы используете .NET? В вашем page_init вы можете добавить атрибут к вашей радио-кнопке в наличии.

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

тогда ваш javascript будет просто:

function RevealTextBox () {

textbox.style.display = 'block'

}

Answer 3

Зачем показывать то, что никого не волнует? Если вы или ваши пользователи заботились о дате, то это будет обязательно.

Answer 4

Предполагая, что "mm / dd / yyy" является текстовым полем, я бы поместил этот текст в текстовое поле, и он будет очищен, когда пользователь щелкает или иным образом устанавливает фокус на текстовом поле:

(дата) (необязательно)