Formulário de Cadastro

Olá, estou criando um formulário para cadastro simples, porem quero que ele se auto se preencha de acordo com oque o usuário preenche.

mais ou menos assim: Tenho o input type="text" ai o usuário vai digitar seu cpf, porem só números sem caracteres. ai quero que assim que ele digite o formulário vai preenchendo os pontos e o traço, para que fique de acordo.

Oque o usuário digita: 12312312312

Como deve ficar: 123.123.123-12

<form action="processarcad.php" method="post">
 <label>nome</label>
 <input name="nome" type="text" required><br />
 <label>login</label>
 <input name="login" type="text" required><br />
 <label>senha</label>
 <input name="senha" type="text" required><br />
 <label>confirmar senha</label>
 <input name="confi_senha" type="text" required><br />
 <label>cpf</label>
 <input name="cpf" type="text" required><br />
 <label>email</label>
 <input name="email" type="email" required><br />
 <label>tel</label>
 <input name="tel" type="number" required><br />
 <label>end</label>
 <input name="end" type="text" required><br />
 <label>n imovel</label>
 <input name="n_imovel" type="number" required><br />
 <label>cep</label>
 <input name="cep" type="number" required ><br />

 <input class="but" type="submit" value="enviar" />
 </form>

Dei uma pesquisada porem não achei nada sobre isso.

Agradeço se puder me ajudar, e/ou dar mais dicar de como posso configurar meu formulário. ^^

Obrigado pela atenção.