密码表单

创建带有拨动密码显示或隐藏功能的密码表单。

用法

要使用这个组件,添加 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' 显示标签文本