HTML | DOM 表单长度属性

DOM 表单长度属性用于返回表单中包含的输入字段的数量。

句法：

formObject.length

返回值：它返回一个数值，表示表单中输入字段或元素的数量。

示例 1：返回输入字段的编号。

  

    
      GeeksForGeeks
  
    
    DOM Form length Property.
  
    
    
        First name:
        
        
         Last name:
        
        
        
        
        
    
  
    Click the "Try it" button to return 
      the number of elements contained in the form.
  
    
      Try it
  
  
    
  
  
    
        function myGeeks() {
            
            // Return the number of input field
            var x =
                document.getElementById(
                  "users").length;
            
            document.getElementById("sudo").innerHTML = 
              "There are " + x + 
              " Input Field contained by the form.";
        }
    
  

  

输出 ：

单击按钮之前：

点击按钮后：

示例 2：返回输入字段的值。

  

    
      GeeksForGeeks
  
    
    DOM Form length Property.
    
        First name:
        
        
         Last name:
        
        
        
        
        
    
  
    Click the "Try it" button to return
      the value of each input field or element 
      contained in the form.
  
    Try it
  
    
  
  
    
        function myGeeks() {
            
            //  Return values of input field.
            var x = document.getElementById("users");
            var text = "";
            var i = 0;
            for (i = 0; i < x.length; i++) {
                text = text + x.elements[i].value + "<br>";
            }
            document.getElementById("sudo").innerHTML = text;
        }
    
  

  

输出：

在点击按钮之前：

点击按钮后：

支持的浏览器： DOM Form length 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器