# 选择表单 使用按钮、文本等HTML内容替代默认的选择表单。 ## 用法 使用这个组件,只需添加 `.uk-form-select` 类和 `data-uk-form-select` 属性到包含 `&lt;span&gt;` 和 `&lt;select&gt;` 元素的容器元素中。基本上,这将用自定义的UIkit表单覆盖默认的选择表单。注意 使用此组件需要额外添加 `form-select.css` 文件,在`css/components`文件夹中。此组件需要额外添加 `form-select.js` 文件,在`js/components`文件夹中。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3c06f03.jpg) ### Markup ``` <div class="uk-form-select" data-uk-form-select> <span></span> <select> <option value="">...</option> <option value="">...</option> </select> </div> ``` * * * ### 类似于按钮 添加 `.uk-button` 类到容器元素,使之看起来像个按钮。 ![](https://box.kancloud.cn/2016-05-12_57346f3c16ebc.jpg) ### Markup ``` <div class="uk-button uk-form-select" data-uk-form-select>...</div> ``` * * * ### 类似于锚文本 你可以使用任意元素作为选择表单,比如 `&lt;a&gt;` 元素。只需添加 `{target:'a'}` 选项到 `data-uk-form-select` 属性,并使用 `&lt;a&gt;` 替代 `&lt;span&gt;` 元素。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3c27e74.jpg) ### Markup ``` <div class="uk-form-select" data-uk-form-select="{target:'a'}"> <a></a> <select>...</select> </div> ```