Html选择标签中的多行选项可能吗？
[英]Are Multi-line Options in Html Select Tags Possible?
问题描述
是否有可能（仅使用HTML），显示select与option跨越每个多线S？
7 个解决方案
解决方案1
13 已采纳 2009-07-22 13:48:02
使用html选择控件是不可能的。
您可以使用可以充当使用JavaScript和css的下拉列表的div。
解决方案2
5 2014-11-13 06:53:34
不仅在标准的html上不可能，而且它（作为一个对象）会变得与IOS设备处理选项标签的方式不兼容，即显示滚动列表，因此想要选项标签是不合理的表现得那样，因为它会严重和意外地破坏跨设备的兼容性。
正如其他人已经回答的那样（我没有足够的声誉进行upvote或评论）已经说过，它必须用css / div样式等完成，并且在每个选项标签中都有更多可扩展的完整html功能。以及（通过CSS样式）移动设备友好。
解决方案3
3 2016-04-11 20:41:34
如果你的情况是围绕iOS截断长选项文本，那么如何修复iOS7上<select>元素上的截断文本的解决方案可以提供帮助。
在选择列表的末尾添加一个空的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
1 2009-07-22 13:47:24
由于select元素的呈现取决于用户代理，我担心你不能拥有它，除非一些UA实际实现它。 但是select ListBox或ComboBox从来没有真正需要跨越多行的项目。 此外，当用户使用一行=一项时，会极大地混淆用户。
解决方案5
0 2009-07-22 13:47:51
没有。
你可以使用单选按钮，但它们的<label>可以自动换行。
解决方案6
0 2009-07-22 13:57:30
通过在HTML元素上使用一些带有CSS样式的JavaScript，可以使用像Dojo Toolkit这样的框架轻松完成。 否则，请使用Radio或Checkbox控件。
解决方案7
-4 2016-05-02 00:56:08
关于什么：
<!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 +单击以选择更多选项。
如果要禁用多选，只需从SELECT标记中删除“multiple”参数即可。
选择选项值中是否可以有多行
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.