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