Você pode fazer de diversas formas, vou lhe mostrar a mais simples. Existe uma biblioteca própria que você pode "Importar" através de link .
<script type="text/javascript" src="js/jquery.mask.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
adicione este script abaixo no seu HTML também
<script type="text/javascript">
$(document).ready(function(){
$('#cpf').mask('00000-000');
$('#cnpj').mask('00.000.000/0000-00');
$('#telefone').mask('0000-0000');
});
</script>
E no seu input basta colocar o ID referente ao que indicou no JavaScript. Mas, também pode criar um class e referenciar por $('.cpf').mask('00000-000);
porém, terá que alterar seu input e invés de id colocar class='cpf'
<input type='text' name='cpf' id='cpf'>
<input type='text' name='cnpj' id='cnpj'>
<input type='text' name='telefone' id='telefone'>
Lembrando que caso queira enviar diretamente para o banco de dados, nas suas variáveis terá que fazer uma tratativa para eliminar os pontos, vou deixar abaixo um exemplo simples de como deve ser feito.
$chars = array(".","/","-", "*"); /* aqui indico os caracteres que desejo remover */
$cpf = str_replace($chars, "", $_POST['cpf']); /* através de str_replace insiro somente os números invés de caracteres */
$cnpj = str_replace($chars, "", $_POST['cnpj']);
$telefone = str_replace($chars, "", $_POST['telefone']);