表单密码
创建一个表单,带有隐藏或显示密码的切换。
用法
要应用此组件,请将 uk-form-password
类添加到密码输入字段周围的 <div>
元素。要创建一个用于显示或隐藏密码的切换,只需将 .uk-form-password-toggle
类和 data-uk-form-password
属性添加到 <a>
元素即可。
示例
标记
<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 |
任何字符串 | '显示' | 隐藏标签文本 |
lblHide |
任何字符串 | 任何字符串 | 显示标签文本 |