<input-password>
The input password with mobile features and possibility to see the password and more.
Demo
http://jorgecasar.github.io/input-password/
Install
Install the component using Bower:
$ bower install input-password --saveOr download as ZIP.
Usage
-
Import Web Components' polyfill:
-
Import Custom Element:
-
Start using it!
Options
| Attribute | Options | Default | Description |
|---|---|---|---|
name |
string | `` | Specifies the input's name. |
value |
string | `` | Specifies the input's value. |
visible |
boolean | false |
Specifies the visibility of the input's value. |
toggleText |
string | Toggle |
Specifies the text for the button that change the visibility. |
toggleClass |
string | visible |
Specifies the class that will have to be synthesized and spoken. |
Methods
| Method | Parameters | Returns | Description |
|---|---|---|---|
getShowText() |
None. | Nothing. | Get the button's show text. |
getHideText() |
None. | Nothing. | Get the button's hide text. |
showValue() |
None. | Nothing. | Triggers the input value to be shown. |
hideValue() |
None. | Nothing. | Triggers the input value to be hidden. |
toggle() |
None. | Nothing. | Triggers the input value to be toggled. |
Events
| Event | Description |
|---|---|
onShowValue |
Triggers when the password is shown. |
onHideValue |
Triggers when the password is hidden. |