The password box is simple and can be replaced with the desired symbol.
<Style type = "text/css">
# C {position: relative ;}
# A {position: absolute; left: 0; top: 0; font-size: 12px; font-family: ;}
# B {position: absolute; left: 0; top: 0; font-size: 12px; font-family: ;-moz-opacity: 0; opacity: 0; filter: alpha (opacity = 0 );}
</Style>
<Body>
<Div id = "c">
<Input id = "a"/>
<Input id = "B" onkeyup = "document. getElementById ('A'). value = this. value. replace (/./g, '*');"/>
</Div>
<Style type = "text/css"> # c {position: relative; }# a {position: absolute; left: 0; top: 0; font-size: 12px; font-family: ;} # B {position: absolute; left: 0; top: 0; font-size: 12px; font-family: ;-moz-opacity: 0; opacity: 0; filter: alpha (opacity = 0 );} </style> <body> <input id = "a"/> <input id = "B" onkeyup = "document. getElementById ('A '). value = this. value. replace (/. /g, '◆'); "/>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]