如何访问输入的包含形式？

工作是从表单的给定元素中选择

元素。这里讨论了一些重要的技术。我们将使用 JavaScript。
方法：

• 首先选择表单的元素。
• 使用.form 属性或.closest('form') 方法之一来访问父表单元素。

示例 1：此示例使用上述方法并使用.form 属性。

  

    
        Get access to the containing form of an input.
    
    
    

  

      
            GeeksforGeeks  
        
    
    
    
        Input_1:
        
        
         
        Input_2
    
    
    
        click here
    
    
    
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        var input = document.getElementById('input1');
        el_up.innerHTML = "Click on the button to select the " +
                          "form element from the input element.";
  
        function GFG_Fun() {
            var form = input.form;
            el_down.innerHTML = 
              "Id of <form> is '" + $(form).attr("id") + "'";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用上述方法并使用.closest() 方法。

  

    
        Get access to the containing form of an input.
    
    
    

  

      
            GeeksforGeeks  
        
    
    
    
        Input_1:
        
        
         
        Input_2
    
    
    
        click here
    
    
    
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        var input = document.getElementById('input1');
        el_up.innerHTML = "Click on the button to select the "+
                          "form element from the input element.";
  
        function GFG_Fun() {
            var form = $(input).closest('form');
            el_down.innerHTML = 
              "Id of <form> is '" + $(form).attr("id") + "'";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：