список в форме - рекомендации

#javascript #html #forms #selectlist

#javascript #HTML #формы #список выбора

Вопрос:

я должен создать форму с множеством опций для выбора, в данном случае, списка заданий (вероятно, более 20 заданий в списке)

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

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

 <select>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
//and more
    </select>

или переключатели с полосой прокрутки? или, если вы знаете более показательный способ сделать это, пожалуйста, предложите.

моя основная забота — это более интуитивно понятный и совместимый способ создания списка опций (big list) в форме.

Спасибо. мнения, основанные на вашем опыте, и предложения приветствуются

Ответ №1:

Я бы сказал, что наиболее интуитивно понятным способом является автозаполнение выпадающего списка, которое вы можете увидеть здесь:

http://jqueryui.com/demos/autocomplete/#combobox

1. мой комментарий Дэвиду — чистое совпадение. В то же время. Мне нравится то, что вы предлагаете

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

Ответ №2:

Вы должны использовать css для размещения их в вертикальных столбцах, чтобы разделить область вверх.

Ответ №3:

Для этого подойдет элемент select, 20 вариантов — это не так много. Убедитесь, что вы отсортировали параметры (по меткам) в алфавитном порядке, чтобы пользователи могли легко найти тот, который они ищут (и нажмите клавишу, чтобы перейти к этому разделу списка).

1. мне пришла в голову идея. и входные данные, которые предлагают доступные варианты? нравится система, которую Google использует в вашем вменении. что вы об этом думаете?

2. Проблема с предложениями в том, что они являются предложениями . Это хороший пользовательский интерфейс, если вы хотите, чтобы пользователь вводил все, что ему нравится, но помогал им вводить общие параметры. Ужасно, если вы хотите заставить пользователя выбирать из списка.