选择表单

最后更新于: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 ```
```
';