Html选择标记中的多行选项是否可行?

Html选择标记中的多行选项是否可行?,html,html-select,Html,Html Select,是否可以(仅使用HTML)使用跨越多行的选项显示选择 由于select元素的表示取决于用户代理,恐怕您不能拥有它,除非某个UA实际实现它。但是select,因为列表框或组合框从来都不需要跨多行的项目。此外,这将极大地混淆用户,因为他们习惯于一行=一项。否 但是您可以使用单选按钮,它们的可以换行。使用html选择控件是不可能的 您可以使用一个div,它可以使用JavaScript和css作为下拉列表。可以在HTML元素上使用一些带有css样式的JavaScript,使用类似Dojo工具箱的框架可以

是否可以(仅使用HTML)使用跨越多行的
选项显示
选择

由于
select
元素的表示取决于用户代理,恐怕您不能拥有它,除非某个UA实际实现它。但是
select
,因为列表框或组合框从来都不需要跨多行的项目。此外,这将极大地混淆用户,因为他们习惯于一行=一项。


但是您可以使用单选按钮,它们的
可以换行。

使用html选择控件是不可能的


您可以使用一个div,它可以使用JavaScript和css作为下拉列表。

可以在HTML元素上使用一些带有css样式的JavaScript,使用类似Dojo工具箱的框架可以轻松完成。否则,请使用收音机或复选框控件。

这不仅在标准html上是不可能的,而且它(作为一个对象)将与IOS设备处理选项标记的方式不兼容,这是为了显示一个滚动列表,因此希望选项标记以这种方式运行甚至是不合理的,因为它会严重意外地破坏跨设备兼容性


正如其他人所回答的(我还没有足够的声誉来支持或评论)所说的,它必须通过css/div样式等来完成,这样在每个选项标记中的完整html功能以及(通过css样式)都具有更大的可扩展性对移动设备友好。

如果您的案例是关于iOS截断长选项文本,那么来自的解决方案会有所帮助

在选择列表的末尾添加一个空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>

选择优先
另一个选项非常长,可能会在移动设备上被截断
...
关于:

<!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键并单击以选择更多选项


如果要禁用multiselect,只需从SELECT标记中删除“multiple”参数。

我认为仅使用
SELECT
和选项
tags
是不可能的,而不是multi-SELECT,正如他在问题中所述,这是他所寻找的多行。是的,我提供了额外的信息。由“size”属性给出的多行。A我说:“如果你想禁用反多重选择,只需从SELECT标记中删除“multiple”参数。”这个(重复)问题给出了一个很好的例子,说明了所问的问题: