选择菜单

继承输入框.vus-input类,请参阅输入框API文档。

基础用法

<select class="vus-input">
   <option value="">请选择</option>
   <option value="论语">论语</option>
   <option value="山海经">山海经</option>
   <option value="孙子兵法">孙子兵法</option>
   ...
</select>

多选菜单

添加multiple属性,设置<select>控件为多选模式。

<select class="vus-input" multiple>
   <option value="">请选择</option>
   <option value="论语">论语</option>
   <option value="山海经">山海经</option>
   <option value="孙子兵法">孙子兵法</option>
   ...
</select>

尺寸

  • 添加下列类来改变<select>控件的尺寸。
  • .small:小型输入框。
  • .large:大型输入框。
<!-- 小型选择菜单 -->
<select class="vus-input small">
   <option value="">请选择</option>
   <option value="论语">论语</option>
   <option value="山海经">山海经</option>
   <option value="孙子兵法">孙子兵法</option>
   ...
</select>

<!-- 大型选择菜单 -->
<select class="vus-input large">
   <option value="">请选择</option>
   <option value="论语">论语</option>
   <option value="山海经">山海经</option>
   <option value="孙子兵法">孙子兵法</option>
   ...
</select>

禁用状态

添加disabled属性,设置选择菜单为不可用状态。

<!-- 小型选择菜单 -->
<select class="vus-input" disabled>
   <option value="">请选择</option>
   <option value="论语">论语</option>
   <option value="山海经">山海经</option>
   <option value="孙子兵法">孙子兵法</option>
   ...
</select>