HTML | DOM 输入提交对象

HTML DOM 中的 Input Submit 对象表示具有 type = “submit” 属性的 HTML 元素。

句法：

• 它创建一个输入提交对象。

  document.createElement("INPUT")

• 它用于访问输入提交对象。

  document.getElementById("id")

属性值：

• autofocus：它设置或返回一个提交按钮是否应该在页面加载时自动获得焦点。
• defaultValue：设置或返回提交按钮的默认值。
• disabled：设置或返回提交按钮是否禁用。
• form：它返回对包含提交按钮的表单的引用。
• formAction：它设置或返回提交按钮的 formAction 属性的值。
• formEnctype：它设置或返回提交按钮的 formEnctype 属性的值。
• formMethod：它设置或返回提交按钮的formMethod 属性的值。
• formNoValidate：设置或返回提交按钮是否允许表单数据被验证。
• formTarget：它设置或返回提交按钮的 formTarget 属性的值。
• name：它设置或返回提交按钮的 name 属性的值。
• type：它返回提交按钮的表单元素类型。
• value：它设置或返回提交按钮的 value 属性的值。

返回值：它返回对象，对应于执行的输入提交操作。

示例 1：此示例创建一个输入提交对象

  

    
        HTML DOM Input Submit Object
    

  

      
    
        HTML DOM Input Submit Object
    
      
    
        Click on the button to create
        submit button
    
      
    
        Click Here!
    
      
    
    
        function myGeeks() {
            var btn = document.createElement("INPUT");
            btn.setAttribute("type", "submit");
            btn.value = ("Submit @ geeksforgeeks");
            document.body.appendChild(btn);
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

Example 2：这个例子描述了一个 Input Submit Object 的访问

  

    
        HTML DOM Input Submit Object
    

  

      
    
        HTML DOM Input Submit Object
    
      
    
        Click on the button to create
        submit button
    
      
    
      
    
        Click Here!
    
      
    
      
    
    
        function myGeeks() {
            var btn = document.getElementById("Geeks").value;
            document.getElementById("GFG").innerHTML = btn;
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Input Submit Object支持的浏览器如下：

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