HTML | DOM 表单对象

HTML DOM 中的Form Object用于表示 HTML

元素。
该标签用于设置或获取元素的属性。可以使用 getElementById()方法访问此元素。

句法：

document.getElementById("Form_ID");

这个 Form_ID 被分配给 HTML 元素。

示例 1：使用document.getElementById(“myForm”).id返回“表单 id”；

  

    
        HTML DOM Form Object
    

  

  
      
            GeeksForGeeks  
        
  
    DOM Form Object
  
    
        First name:
        
        
        
         Last name:
        
        
        
        
    
    
        Submit
    
    
    
  
    
        function myGeeks() {
            // Accessing form element.
            var txt = document.getElementById(
              "myForm").id;
            
            document.getElementById(
              "Geek_p").innerHTML = txt;
        }
    

  

输出

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

示例 2：使用 document.getElementById(“Form_ID”).target返回表单中目标属性的值； .

  

    
        HTML DOM Form Object
    

  

  
      
            GeeksForGeeks  
        
  
    DOM Form Object
  
    
        First name:
        
        
        
         Last name:
        
        
        
        
    
    
        Submit
    
    
    
  
    
        function myGeeks() {
            
            //  Accessing form.
            var txt = document.getElementById(
              "myForm").target;
            
            
            document.getElementById(
              "Geek_p").innerHTML = txt;
        }
    

  

输出

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

示例 3：使用 document.getElementById(“Form_ID”).length返回表单中元素的数量； .

  

    
        HTML DOM Form Object
    

  

  
      
            GeeksForGeeks  
        
  
    DOM Form Object
  
    
        First name:
        
        
        
         Last name:
        
        
        
        
    
    
        Submit
    
    
    
  
    
        function myGeeks() {
            
          //Accessing form element.
          var txt = document.getElementById(
            "myForm").length;
            
            document.getElementById(
              "Geek_p").innerHTML = txt;
        }
    

  

输出

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

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧