> For the complete documentation index, see [llms.txt](https://appmaster.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appmaster.gitbook.io/docs/web-apps/components-list/input-password.md).

# Input (password)

Input field for password

## **Look\&Feel Settings:**

**Label** (not mandatory) - label for input.

**Placeholder** (not mandatory) - placeholder for input.

**Name** (mandatory) - name of the input.

**Tooltip** (not mandatory) - hint for input.

**Required** (mandatory) - makes the field mandatory. Disabled by default.

**Allow clear** (mandatory) - icon to clear the input. Disabled by default.

**Validate icon** (mandatory) - validate icon for input. Disabled by default.

**Disabled** (mandatory) - makes the component disabled if turned on. Is turned off by default.

**Visible** (mandatory) - makes the component visible if turned on. Enabled by default.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FPpa57u7ImE6j3VL9I566%2Fimage.png?alt=media\&token=26ece274-3f10-4c79-82d7-6c26e929af35)

## **Workflow triggers:**

* **onCreate** – fires when the element is created on the page; 
* **onShow** – fires when the component changes its state to visible (displayed on the page); 
* **onHide** – fires when the component changes its state to hidden (stops being displayed); 
* **onDestroy** – fires before the component is destroyed;
* **onChange** - fires when the value is changed;
* **onFocus** - fires when component is being focused;
* **onBlur** - fires when component is blurred**.**

## Component Actions

### InputPassword Get Properties

Gets the component's properties.

**Input** parameters:

* **Component Id** \[string] *-* input component's identifier.

**Output** parameters:

* **Label** \[*string*] - input label;
* **Placeholder** \[*string*] - input placeholder;
* **Allow clear** \[*boolean*] - state of allow clear;
* **Disable** \[*boolean*] - disables component if *true*;
* **Visible** \[*boolean*] - component visibility state;
* **Tooltip** \[*string*] - input field hint;
* **Required** \[*boolean*] - shows required mark if *true*;
* **Debounce** (ms) \[*integer*] - delay to validate the value; 
* **Value** \[password] - value from input;
* **Validate Icon** \[*boolean*] - icon to be shown on validate the value;
* **Validate Status** \[*Status type*] - status to be shown on validate the value; 
* **Validate Message** \[*string*] - message to be shown on validate the value.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FBESbMifRGhPWMKklPkoq%2Fimage.png?alt=media\&token=a30f0b0b-b7b4-428f-a53a-02dc4eff9d69)

### InputPassword Set Properties

Sets the component's properties.

**Input** parameters:

* **Component Id** \[string] *-* input component's identifier.
* **Label** \[*string*] - input label;
* **Placeholder** \[*string*] - input placeholder;
* **Allow clear** \[*boolean*] - state of allow clear;
* **Disable** \[*boolean*] - disables component if *true*;
* **Visible** \[*boolean*] - component visibility state;
* **Tooltip** \[*string*] - input field hint;
* **Required** \[*boolean*] - shows required mark if *true*;
* **Debounce** (ms) \[*integer*] - delay to validate the value; 
* **Value** \[*password*] - value from input;
* **Validate Icon** \[*boolean*] - icon to be shown on validate the value;
* **Validate Status** \[*Status type*] - status to be shown on validate the value; 
* **Validate Message** \[*string*] - message to be shown on validate the value.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FnSdJzRXGBFhTYGMZIAu1%2Fimage.png?alt=media\&token=294e6f62-50f0-42bf-8f9c-5421a3a09d47)

### InputPassword Update Properties

Update the component's properties.

**Input** parameters:

* **Component Id** \[string] *-* input component's identifier.
* **Label** \[*string*] - input label;
* **Placeholder** \[*string*] - input placeholder;
* **Allow clear** \[*boolean*] - state of allow clear;
* **Disable** \[*boolean*] - disables component if *true*;
* **Visible** \[*boolean*] - component visibility state;
* **Tooltip** \[*string*] - input field hint;
* **Required** \[*boolean*] - shows required mark if *true*;
* **Debounce** (ms) \[*integer*] - delay to validate the value; 
* **Value** \[*password*] - value from input;
* **Validate Icon** \[*boolean*] - icon to be shown on validate the value;
* **Validate Status** \[*Status type*] - status to be shown on validate the value; 
* **Validate Message** \[*string*] - message to be shown on validate the value.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FfOOR6kkCmHeYJ0l26X93%2Fimage.png?alt=media\&token=a07d2c76-2d0d-4be0-99d8-3c0527e30149)

## Usage example

Input (password) suitable for use in registration and authorization forms

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FjzL7KSGt2fPKhNNfflWj%2Fimage.png?alt=media\&token=defb4b70-392e-4045-97f2-0b612e25e477)