Возможны ли варианты нескольких строк в Html?

Возможно ли (используя только HTML) отображать select с option, который охватывает несколько строк каждый?

Ответ 1

Невозможно использовать элемент управления html select.

Вы можете использовать div, который может выступать в качестве раскрывающегося списка с использованием JavaScript и css.

Ответ 2

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

как ответили другие (у меня нет достаточной репутации для продолжения или комментариев), это должно быть сделано с помощью css/div styling и т.д. и таким образом гораздо более расширяемо с полной функциональностью html в каждом из , а также (через css-стиль), являющийся мобильным устройством.

Ответ 3

Если ваш случай находится вокруг обрезания длинного текста IOS, то решение из Как исправить усеченный текст в <select> элемент на iOS7 может помочь.

Добавьте пустую optgroup в конец списка выбора:

Вы можете реализовать следующее:

<select>
  <option selected="" disabled="">option first</option>
  <option>another option that is really long and will probably be truncated on a mobile device</option>
  ...
  <optgroup label=""></optgroup>
</select>

Ответ 4

Поскольку представление элемента select зависит от пользовательского агента, я боюсь, что вы не можете этого сделать, если только некоторые UA его не реализуют. Но select, поскольку ListBox или ComboBox никогда не нуждались в элементах, охватывающих несколько строк. Кроме того, это сильно путает пользователей, поскольку они используются для одной строки = один элемент.

Ответ 5

Нет.

Вместо этого вы можете использовать радиокнопки, но их <label> может переносить слова.

Ответ 6

Было бы возможно, используя некоторый JavaScript с стилей CSS на HTML-элементах, легко сделанный с помощью фреймворка, такого как Dojo Toolkit. В противном случае используйте элементы управления Radio или Checkbox.

Ответ 7

Как насчет:

<!DOCTYPE html>
<html>
<body>

<select size="13" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

Я не знаю, было ли это то, что вы искали, но, возможно, это могло вам помочь.

Если вы хотите выбрать несколько параметров, вы должны нажать Ctrl + click, чтобы выбрать дополнительные параметры.

Если вы хотите отключить мультиселекцию, просто удалите параметр "multiple" из тега SELECT.

Ответ 8

может быть это?

<select size="2" style="width: 155px; height: 118px" >
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
</select>