Form password

Создайте форму с переключателем "скрыть" или "показать" пароль.

Применение

Чтобы применить компонент «Form password», добавьте класс uk-form-password к элементу <div> вокруг поля ввода пароля. Чтобы создать переключатель для отображения или скрытия паролей, просто добавьте класс .uk-form-password-toggle и data-* атрибут 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 options

Это пример того, как установить параметры через атрибут:

data-uk-form-password="{lblShow:'...', lblHide:'...'}"
Option Possible value Default Описание
lblShow any string 'Show' Текст для 'Показать'
lblHide any string 'Hide' Текст для 'Скрыть'

Добавляем к проекту компонент

<link rel="stylesheet" href="/../css/components/form-password.min.css">
<script src="/../js/components/form-password.min.js"></script>