密码表单
创建带有拨动密码显示或隐藏功能的密码表单。
用法
要使用这个组件,添加 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' | 显示标签文本 |