blocks|key|1497631|text|因为select元素的表示取决于用户代理，所以恐怕您不能拥有它，除非某个UA真正实现它。但是，无论是作为ListBox还是ComboBox的select，对于跨越多行的项目都没有多大的需求。此外，它会极大地迷惑用户，因为他们习惯于一行=一项。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1497632|entityMap^0|2|6|1Y|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

As the presentation of a <code>select</code> element is up to the user agent, I'm afraid you can't have that, unless some UA actually implements it. But <code>select</code> as either a ListBox or ComboBox never really had much need for items spanning multiple lines. Furthermore it would greatly confuse users as they are used to one line = one item.

blocks|key|1282913|text|不是的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1282914|你也可以使用单选按钮，他们的<label>可以自动换行。|offset|length|style|CODE|1282915|entityMap^0|0|E|7|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

No.

You could use radio buttons instead though, their <code>&lt;label&gt;</code>s can word wrap.

blocks|key|1282954|text|不能使用html选择控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1282955|您可以使用JavaScript和css将div用作下拉列表。|1282956|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

It is not possible using html select control.

You can use a div that can act as a dropdown list using JavaScript and css.

blocks|key|1497792|text|这可以通过在HTML元素上使用一些带有CSS样式的JavaScript来实现，使用像Dojo+Toolkit这样的框架可以很容易地完成。否则，请使用“单选”或“复选框”控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1497793|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It would be possible by using some JavaScript with CSS styling on HTML elements, easily done with a framework like Dojo Toolkit. Otherwise, use Radio or Checkbox controls.

blocks|key|1497872|text|下面是什么：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1497873|<!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>|code-block|syntax|javascript|1497874|我不知道这是不是你要找的，但也许它能帮到你。|1497875|如果要选择多个选项，则必须在按住Ctrl键的同时单击以选择更多选项。|1497876|如果您想禁用多选，只需删除SELECT标记中的"multiple“参数即可。|1497877|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

What about:

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;

&lt;select size="13" multiple&gt;
 &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
 &lt;option value="saab"&gt;Saab&lt;/option&gt;
 &lt;option value="opel"&gt;Opel&lt;/option&gt;
 &lt;option value="audi"&gt;Audi&lt;/option&gt;
 &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
 &lt;option value="saab"&gt;Saab&lt;/option&gt;
 &lt;option value="opel"&gt;Opel&lt;/option&gt;
 &lt;option value="audi"&gt;Audi&lt;/option&gt;
 &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
 &lt;option value="saab"&gt;Saab&lt;/option&gt;
 &lt;option value="opel"&gt;Opel&lt;/option&gt;
 &lt;option value="audi"&gt;Audi&lt;/option&gt;
 &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
 &lt;option value="saab"&gt;Saab&lt;/option&gt;
 &lt;option value="opel"&gt;Opel&lt;/option&gt;
 &lt;option value="audi"&gt;Audi&lt;/option&gt;
&lt;/select&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

I don't know if this is what you were looking for, but maybe it could help you.

If you want to select multiple options, you must press Ctrl + click to select more options.

If you want to disable multiselect, just erase the "multiple" parameter from the SELECT tag.

Is it possible (using HTML only) to display <code>select</code> with <code>option</code>s that span multiple lines each?

Are Multi-line Options in Html Select Tags Possible?

是否可以(仅使用超文本标记语言)使用跨行的option显示select？

问是否可以在Html Select标记中使用多行选项？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在Html Select标记中使用多行选项？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在Html Select标记中使用多行选项？
EN