Neste artigo, enviamos um formulário usando JavaScript clicando em um link. Na tag body, crie um formulário HTML e especifique o id, o método e a ação do formulário . No formulário, especifique uma tag âncora com um evento onclick . Crie uma função para JavaScript que será executada quando o link for clicado. Ao clicar no link, a função submitForm() será executada. Esta função obterá o objeto de elemento usando o método DOM getElementById() , passando o id do formulário para este método, então o formulário será enviado usando o método submit() .

Exemplo: crie um formulário e envie-o usando a abordagem acima. É necessário para a estrutura do formulário onde o usuário fornecerá seus dados.

<!DOCTYPE html>
<html>
  
<body>
    <h2 style="color:green">GeeksforGeeks</h2>
    <b>Submit form details</b>
  
    <form id="form__submit" action="form.php" method="post">
        <label>NAME: </label><br />
        <input type="text" name="name" /><br />
        <label>AGE: </label><br />
        <input type="number" name="age" /><br />
        <label>CITY: </label><br />
        <input type="text" name="city" /><br /><br />
        <a href="#" onclick="submitForm()">Submit Here</a>
    </form>
  
    <script>
        function submitForm() {
            let form = document.getElementById("form__submit");
            form.submit();
        }
    </script>
</body>
  
</html>

Nota: O código HTML fornecido redirecionará os dados do formulário para o site ou arquivo mencionado no atributo action .

Código PHP: Crie um arquivo PHP para obter os dados do formulário inseridos pelo usuário, renomeie esse arquivo PHP como “form.php”. Este código exibe os dados do formulário do usuário.

<?php
    $name=$_POST['name'];
    $age=$_POST['age'];
    $city=$_POST['city'];
  
    echo "NAME-SUBMITTED : $name <br>";
  
    echo "AGE-SUBMITTED :  $age <br>";
  
    echo "CITY-SUBMITTED:  $city";
?>

Saída:

dados do formulário do usuário

PHP é uma linguagem do lado do cliente. Portanto, requer um servidor. Consulte o tutorial de PHP para um melhor entendimento.