Блог

Главная - Вопросы по программированию - Выберите HTML-форму, которая неправильно отображается в раскрывающемся списке

Выберите HTML-форму, которая неправильно отображается в раскрывающемся списке

#html #select

#HTML #выберите

Вопрос:

Я практикую создание форм и элемента выбора. Пример моего формата кода выбора приведен ниже.

 <select name="hobbies" multiple>
  <option value="reading">Reading</option>
  <option value="sports">Sports</option>
  <option value="movies">Movies</option>
  <option value="music">Music</option>
</select>

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

Комментарии:

1. Удалите multiple атрибут из выбора

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

3. Да, это то, что он делает. Но, как вы можете видеть, тогда параметры не отображаются в виде выпадающего меню. Более того, это не очень удобно для пользователя, потому что пользователь должен знать, что ему нужно использовать ctrl для выбора нескольких параметров. Если это то, что вы хотите, я бы предложил использовать что-то другое, например флажки

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