Hello can you please tell me How can I mask the entry withou

Hello,

can you please tell me

How can I mask the entry without using type\"password\"

you can use jquery, javascript, Please, make sure it is working.

<div><input class=\" w3-round w3-hover-light-gray w3-card 2\" type= \"number\" type=\"tel\" name=\"password\" id=\"employeepin\" placeholder=\"ID must be a numeric value\" required=\"required\" size=\"5\" maxlength=\"10\") title=\"\"/></div>

note: this is for a phone and the entry must be numbers only that is why I have put type =\"tel\" type=\"number\"

Thank you

Solution

by using custom font u can create ur input password of type text

@font-face {
font-family: \'password\';
font-style: normal;
font-weight: 500;
}

input.key {
font-family: \'password\';
width: 200px; height: 20px;
}