Как создать форму, которая требует, чтобы пользователь заполнил одно текстовое поле из трех

У меня есть форма, где я хочу, чтобы пользователь заполнил одно текстовое поле из 3. Эти 3 поля используются для идентификации других клиентов по-разному (номер телефона, адрес электронной почты или имя). Последнее текстовое поле является полем автозаполнения.

Конечно, у этой формы есть другие поля, которые нужно заполнить. Мне интересно, что является лучшим и самым интуитивным способом заставить пользователя понять, что он или она требуется только для заполнения одного из этих вариантов, а другие будут игнорироваться .

11 голосов | спросил wael34218 28 PM000000120000002431 2012, 12:22:24

4 ответа


12

Не могли бы вы объединить все 3 в одном поле с меткой «Номер телефона, адрес электронной почты или имя». Кроме этого, я могу предложить только текст, чтобы описать, что должен делать пользователь. «Пожалуйста, заполните ОДИН из следующих:« например.

mockup

скачать источник bmml - Каркасы, созданные с помощью Макеты Balsamiq

ответил TJH 28 PM000000120000001231 2012, 12:49:12
8

mockup

скачать источник bmml - Каркасы, созданные с помощью Mockups Balsamiq

Если у вас может быть один и только один метод идентификации, дайте им выбрать, какие они хотят использовать с помощью группы из трех радиокнопок, и как только они выберут, сделайте ярлык и ввод для этого метода идентификации видимыми или отключите их до тех пор, пока выбранный с помощью переключателя.

Преимущество использования радиостанций с отдельными входами при простое размещение имени, электронной почты или номера телефона на этикетке заключается в том, что вы знаете, что вы проверяете, и вы можете дать каждому входному стандарту идентификатор так, чтобы у них было соответствующее поведение автозаполнения. См. Эти Q & As:

ответил Sam Hasler 28 PM00000030000002531 2012, 15:13:25
3

Вы можете использовать автоматическую проверку введенного ввода , чтобы проверить, есть ли его имя (символы), адрес электронной почты (по подписке) или номер телефона (номера). Таким образом вам понадобится только одно поле ввода для этих трех. После проверки было бы хорошим стилем выделить признанный вход - если пользователь вводил числа, вы выделили номер телефона.

введите описание изображения здесь>> </p></body></html>

ответил FrankL 28 PM00000010000000331 2012, 13:03:03
2

Введите обязательное поле, помеченное таким образом, чтобы оно выделялось из остальных элементов управления. В Конвенции в Интернете часто отображается звездочка (*), но доступны другие необходимые параметры поля. Некоторые используют светло-желтый цвет, чтобы выделить необходимое поле.

Также выравнивайте метки в каждом поле, чтобы пользователь мог прочитать, какое поле подключено к какой-либо метке.

Используйте кнопку «Отправить» и кнопку «Отмена», даже если кнопка cancal действительно не нужна.

mockup

скачать источник bmml - Каркасы, созданные с помощью Mockups Balsamiq

Если требуется один из трех, отключите кнопку отправки до тех пор, пока пользователь не заполнит хотя бы одно поле с текстом - и используйте пояснительный текст, чтобы выделить то, что требуется.

Если есть больше полей (как вы говорите), сопоставьте три поля вместе в контейнере, что упростит пользователю выяснить, какие поля находятся под вопросом.

ответил 4rchit3ct 28 PM000000120000000731 2012, 12:50:07

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132