Hello, can you please tell me How can I mask the entry without using type\"passw
ID: 3793455 • Letter: H
Question
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
Explanation / Answer
I have used css class for your problem. In CSS class "key"(code is given below) using font-family password.
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="password" />
<meta charset="utf-8">
<title>Type password using CSS</title>
<style type="text/css">
@font-face {
font-family: 'password';
font-style: normal;
font-weight: 400;
src: url(https://sites.google.com/site/rafaelcastrocouto/download/password.ttf);
}
input.key {
font-family: 'password';
width: 100px; height: 16px;
}
</style>
</head>
<body>
<div>
<input class="key 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"/>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.