0
I am developing a login page with Cpf and password, I did several searches and did not reach any conclusion on how to put the automatic signals, for example... No input : Cpf when I type the number go to the order by playing the ###. ###. ##-### In case the (..-).
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Login</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/css?family=Paytone+One" rel="stylesheet">
<style type="text/css">
.corTitulo{
color: #286090;
font-family: 'Paytone One', sans-serif;
}
</style>
</head>
<body>
<div class = "container">
<div class="wrapper">
<form action="" method="post" name="Login_Form" class="form-signin">
<h1 class="form-signin-heading corTitulo">LOGIN</h1>
<hr class="colorgraph"><br>
<input type="text" class="form-control" name="Username" placeholder="Digite seu cpf..." required autofocus />
<input type="password" class="form-control" name="Password" placeholder="Digite sua senha..." required>
<button class="btn btn-lg btn-primary btn-block" name="Submit" value="Login" type="Submit">Entrar</button>
<br>
<a class="cora" href="TrocarSenha.php">Esqueici minha senha?</a>
</form>
</div>
< /div>
</body>
</html>
This should resolve https://answall.com/questions/199264/como-faco-uma-mascara-para-um-input/199276#199276
– Guilherme Nascimento
You can also try https://github.com/vanilla-masker/vanilla-masker which is an interesting JS lib.
– Guilherme Nascimento