密码表单
最后更新于:2022-04-01 22:23:11
# 密码表单
创建带有拨动密码显示或隐藏功能的密码表单。
## 用法
要使用这个组件,添加 `uk-form-password` 类到一个包含着密码输入框的 `<div>` 元素。创建拨动密码显示和隐藏的按钮,只需要添加 `.uk-form-password-toggle` 类和 `data-uk-form-password` 属性到 `<a>` 元素即可。注意 使用此组件需要额外添加 `form-password.css` 文件,在`css/components`文件夹中。此组件需要额外添加 `form-password.js` 文件,在`js/components`文件夹中。
### Example
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3be643f.jpg)
### Markup
```
```
* * *
## JavaScript 选项
这是一个如何通过属性设置选项的例子:
```
data-uk-form-password="{lblShow:'...', lblHide:'...'}"
```
| 选项 | 可用值 | 默认值 | 描述 |
| --- | --- | --- | --- |
| `lblShow` | 任意 string | 'Show' | 隐藏标签文本 |
| `lblHide` | 任意 string | 'Hide' | 显示标签文本 |
';