Exemplo de Máscaras - Voltar

<form name="form1" id="form1" method="post" class="mt-3">
<div class="row">
    <div class="col-md-6 mb-3 mx-auto">
        <label for="nome" class="mb-0">Digite seu nome
        <input type="text" name="nome" id="nome" class="form-control mb-3" autofocus>

        <label for="email" class="mb-0">Digite seu e-mail
        <input type="email" name="email" id="email" class="form-control mb-3">

        <label for="cpf" class="mb-0">Digite seu CPF
        <input type="text" name="cpf" id="cpf" class="form-control mb-3">

        <label for="fone" class="mb-0">Digite seu fone
        <input type="text" name="fone" id="fone" class="form-control mb-3" autofocus>

        <label for="email" class="mb-0">Digite sua data de nascimento
        <input type="text" name="dtnasc" id="dtnasc" class="form-control mb-3">

        <button type="submit" name="submit" id="submit" class="btn btn-info">
            <i class="fa-solid fa-floppy-disk"></i> Salvar
        </button>

        <a href="https://shefarol.com.br/javascript" class="btn btn-secondary">
            <i class="fa-solid fa-angles-left"> Voltar
        </a>
    </div>
</form>

<script type="text/javascript" src="js/jquery.mask.js"></script>
<script type="text/javascript">
    $(document).ready(function () { 

      	$("#cpf").mask('000.000.000-00');
        $("#fone").mask('(00) 00000-0000');
        $("#dtnasc").mask('00/00/0000');

    });
</script>