如何通过单击 JavaScript 中的链接来提交表单？

在本文中，我们通过单击链接使用 JavaScript 提交了一个表单。在 body 标签中，创建了一个 HTML 表单并指定表单的 id、方法和动作。在表单中，指定一个带有 onclick 事件的锚标记。为 JavaScript 创建一个函数，该函数将在单击链接时执行。当我们点击链接时，函数submitForm() 将被执行。该函数将使用 DOM getElementById() 方法通过将表单 id 传递给该方法来获取元素对象，然后使用 submit() 方法提交表单。

示例：创建一个表单并使用上述方法提交它。用户将提供他/她的详细信息的表单结构需要它。

HTML

  

    GeeksforGeeks
    Submit form details
  
    
        NAME: 
        
        AGE: 
        
        CITY: 
        
        Submit Here
    
  
    
        function submitForm() {
            let form = document.getElementById("form__submit");
            form.submit();
        }
    

  

注意：给定的 HTML 代码会将表单数据重定向到action属性中提到的站点或文件。

PHP代码：创建一个PHP文件以获取用户输入的表单数据，将此PHP文件重命名为“ PHP ”。 PHP”。此代码显示用户表单数据。

PHP

";
  
    echo "AGE-SUBMITTED :  $age 
";
  
    echo "CITY-SUBMITTED:  $city";
?>

输出：

用户表单数据

PHP是一种客户端语言。所以它需要一个服务器。请参阅PHP教程以获得更好的理解。