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