HTML DOM Input Submit用法及代码示例

HTML DOM中的Input Submit对象代表类型为“submit”的HTML <input>元素。

用法:

它创建一个输入提交对象。
```
document.createElement("INPUT")
```
它用于访问输入提交对象。
```
document.getElementById("id")
```

属性值：

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

返回值：它返回与执行的输入提交动作相对应的对象。

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

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Submit Object 
    </title> 
</head> 
  
<body> 
      
    <h2> 
        HTML DOM Input Submit Object 
    </h2> 
      
    <p> 
        Click on the button to create 
        submit button 
    </p> 
      
    <button onclick = "myGeeks()"> 
        Click Here! 
    </button> 
      
    <!-- Script to create submit button -->
    <script> 
        function myGeeks() { 
            var btn = document.createElement("INPUT"); 
            btn.setAttribute("type", "submit"); 
            btn.value = ("Submit @ geeksforgeeks"); 
            document.body.appendChild(btn); 
        } 
    </script> 
</body> 
  
</html>

输出：
在单击按钮之前：

单击按钮后：

范例2：本示例描述了输入提交对象的访问

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Submit Object 
    </title> 
</head> 
  
<body> 
      
    <h2> 
        HTML DOM Input Submit Object 
    </h2> 
      
    <p> 
        Click on the button to create 
        submit button 
    </p> 
      
    <input type = "submit" id = "Geeks"
            value = "Submit @ geeksforgeeks"> 
      
    <button onclick = "myGeeks()"> 
        Click Here! 
    </button> 
      
    <p id = "GFG"></p> 
      
    <!-- Script to create submit button -->
    <script> 
        function myGeeks() { 
            var btn = document.getElementById("Geeks").value; 
            document.getElementById("GFG").innerHTML = btn; 
        } 
    </script> 
</body> 
  
</html>

输出：
在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入提交对象支持的浏览器如下：

谷歌浏览器
Firefox
IE浏览器
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自riarawal99大神的英文原创作品 HTML | DOM Input Submit Object。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。