HTML | DOM 输入范围名称 属性

HTML DOM 中的DOM Input Range NAME 属性用于设置或返回范围字段的 name 属性值。每个输入字段都需要 name 属性。如果输入字段中未指定 name 属性，则根本不会发送该字段的数据。

句法：

• 它返回输入数字范围属性。

  rangeObject.name

• 它用于设置输入范围名称属性。

  rangeObject.name = name

属性值：它包含定义范围字段名称的单个值名称。

返回值：它返回一个字符串值，表示范围字段的名称。

示例 1：此示例说明如何返回输入范围名称属性。

  

    
        HTML DOM Input range name Property
    


    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Range name property 
  
    
    
    
    
        Click Here
    
    
    
        function myGeeks() {
            
            // Return name property.
            var x = 
                document.getElementById(
                  "Geek_Range").name;
            
            document.getElementById(
              "Geek_p").innerHTML = x;
        }
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置名称属性。

  

    
        HTML DOM Input range name Property
    


    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Range name property 
  
    
    
    
    
        Click Here
    
    
    
        function myGeeks() {
            
            // Set name property.
            var x =
                document.getElementById(
                  "Geek_Range").name = "myGeeks";
            
            document.getElementById("Geek_p").innerHTML =
              "The value of the name"+
              " attribute was changed to " + x;
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

支持的浏览器： DOM输入范围名称属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器