It creates password with different types of shapes using text security properties
There are different text security properties they are
<p>Text security </p>
<input type="password" value="pass" style="-webkit-text-security: circle;" />
In the above code snippet we have text security to create password with circle shape , we use webkit textsecurity :circle to create circle in the text
output
Text security none property shows the password which which are entering in the text
<style> input{ -webkit-text-security:none; } </style> </head> <body> <p><i>Text security none shows the password</i></p> <input type="text" /> </body>
In the above code snippet we have defined the text security property:none which is used to display the password in the text box
output
It shows password in the square box
<style> input{ -webkit-text-security:square; } </style> </head> <body> <p><i>Text security square shows the password in square box</i></p> <input type="text" /> </body>
In the above code snippet we have text security:square which displays the password in square box
output
Views: 19981 | Post Order: 88