创建带有拨动密码显示或隐藏功能的密码表单。
用法
要使用这个组件,添加 uk-form-password
类到一个包含着密码输入框的 <div>
元素。创建拨动密码显示和隐藏的按钮,只需要添加 .uk-form-password-toggle
类和 data-uk-form-password
属性到 <a>
元素即可。注意 使用此组件需要额外添加 form-password.css
文件,在css/components
文件夹中。此组件需要额外添加 form-password.js
文件,在js/components
文件夹中。
Example
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" | 显示标签文本 |