Input (password)

Click to copy

Поле ввода для пароля


Настройки внешнего вида и настроек:

Label(не обязательно) - метка для ввода.

Placeholder(не обязательно) - заполнитель для ввода.

Name(обязательно) - имя ввода.

Tooltip (не обязательно) - подсказка для ввода.

Required(обязательный) - делает поле обязательным для заполнения. По умолчанию отключено.

Allow clear (обязательно) - иконка для очистки ввода. Отключен по умолчанию.

Validate icon(обязательный) - значок подтверждения для ввода. Отключен по умолчанию.

Disabled(обязательно) - делает компонент отключенным, если он включен. По умолчанию выключен.

Visible(обязательный) - делает компонент видимым, если он включен. Включен по умолчанию.


Триггеры рабочего процесса:

  • onCreate- срабатывает, когда элемент создается на странице;
  • onShow- срабатывает, когда компонент меняет свое состояние на видимое (отображается на странице);
  • onHide- срабатывает, когда компонент меняет свое состояние на скрытое (перестает отображаться);
  • onDestroy- срабатывает перед уничтожением компонента;
  • onChange- срабатывает при изменении значения;
  • onFocus- срабатывает при фокусировке компонента;
  • onBlur- срабатывает при размытии компонента.

Действия компонента:

InputPassword Получить свойства

Получает свойства компонента.

Входные параметры:

  • Component Id [string]- идентификатор компонента input.

Выходные параметры:

  • Label[string] - метка ввода;
  • Placeholder[string] - заполнитель ввода;
  • Allow clear [boolean] - состояние разрешения очистки;
  • Disable[boolean] - отключает компонент, если true;
  • Visible[boolean] - состояние видимости компонента;
  • Tooltip[string] - подсказка поля ввода;
  • Required[boolean] - показывает обязательную отметку, если true;
  • Debounce (ms)[integer] - задержка для проверки значения;
  • Value[password] - значение из ввода;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.

InputPassword Set Properties

Устанавливает свойства компонента.

Входные параметры:

  • Component Id [string] - идентификатор компонента ввода.
  • Label[string] - метка ввода;
  • Placeholder[string] - заполнитель ввода;
  • Allow clear [boolean] - состояние allow clear;
  • Disable[boolean] - отключает компонент, если true;
  • Visible[boolean] - состояние видимости компонента;
  • Tooltip[string] - подсказка поля ввода;
  • Required[boolean] - показывает обязательную отметку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Value[password] - значение из ввода;
  • Validate Icon[boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.

InputPassword Update Properties

Обновить свойства компонента.

Входные параметры:

  • Component Id [string] - идентификатор компонента ввода.
  • Label[string] - метка ввода;
  • Placeholder[string] - заполнитель ввода;
  • Allow clear [boolean] - состояние allow clear;
  • Disable[boolean] - отключает компонент, если true;
  • Visible[boolean] - состояние видимости компонента;
  • Tooltip[string] - подсказка поля ввода;
  • Required[boolean] - показывает обязательную отметку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Value[password] - значение из ввода;
  • Validate Icon[boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.


Пример использования

Input (password) подходит для использования в формах регистрации и авторизации

Input (password) | AppMaster Docs