本章节介绍一下如何设置select下拉菜单的可见的option项的数目,代码如下:
<code><!DOCTYPE html></code>
<code><</code><code>html</code><code>></code>
<code><</code><code>head</code><code>></code>
<code><</code><code>meta</code> <code>charset</code><code>=</code><code>" utf-8"</code><code>></code>
<code><</code><code>title</code><code>>蚂蚁部落</</code><code>title</code><code>></code>
<code></</code><code>head</code><code>></code>
<code><</code><code>body</code><code>></code>
<code><</code><code>select</code> <code>name</code><code>=</code><code>"sel"</code> <code>size</code><code>=</code><code>"2"</code><code>></code>
<code> </code><code><</code><code>option</code> <code>value</code><code>=</code><code>"1"</code><code>>蚂蚁部落一</</code><code>option</code><code>></code>
<code> </code><code><</code><code>option</code> <code>value</code><code>=</code><code>"2"</code><code>>蚂蚁部落二</</code><code>option</code><code>></code>
<code> </code><code><</code><code>option</code> <code>value</code><code>=</code><code>"3"</code><code>>蚂蚁部落三</</code><code>option</code><code>></code>
<code> </code><code><</code><code>option</code> <code>value</code><code>=</code><code>"4"</code><code>>蚂蚁部落四</</code><code>option</code><code>></code>
<code></</code><code>select</code><code>></code>
<code></</code><code>body</code><code>></code>
<code></</code><code>html</code><code>></code>
只要给select标签添加size属性即可,存在一定的兼容性问题,当然谷歌浏览器不支持。
原文发布时间为:2017-2-13
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落