表单密码

创建一个表单,带有隐藏或显示密码的切换。

用法

要应用此组件,请将 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 任何字符串 任何字符串 显示标签文本