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