The Password control is an enhanced input text option to use when a password is required. The visual data displayed on the screen is masked. The appearance and behavior configuration options give the developer a high degree of flexibility in creating "up front" user input validation.
Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).
The Password control can be bound to a String variable.
This control is most commonly used when a password is required of a user.
Appearance
Width Value in px, %, em For example: 50px, 20%, 0.4em.
Size Style Default, Large, Small
Label Placement Top, Left
Behavior
Tab Index Form control tabbing sequence index. Tab indices start at 1, and may be set sparsely.
Placeholder Text "Ghost" text displayed when no input
Example
These are the configuration option settings...
These are the results when you ...
Load the Page | Input Data |
Events
With the Masked Text control, there are 5 types of event handlers:
- On Load When the page loads
- On Change When there is a change to the data in the control
- On Focus When the control gets focus
- On Blur When the control loses focus
- On Input When the user inputs data
You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.
Methods
For detailed information on the available methods for this control, access the JS Doc file.
- Author: Courtney Silva
- Date Created: June 19, 2015
- Date Modified: June 19, 2015
Comments