HTML DOM Input Submit 对象属性

htmlweb developmentfront end technology更新于 2024/5/28 8:12:17

HTML DOM Input Submit 对象与类型为"submit"的 <input> 元素相关联。我们可以分别使用 createElement() 方法和 getElementById() 方法创建和访问类型为 submit 的输入元素。

属性

以下是输入提交对象的属性 −

属性	描述
autofocus	设置或返回提交按钮在页面加载时是否自动获得焦点。
defaultValue	设置或返回提交按钮的默认值。
disabled	设置或返回提交按钮是否已禁用。
form	返回包含提交按钮的表单的引用。
formAction	设置或返回提交按钮的 formaction 属性值。
formEnctype	设置或返回提交按钮的 formenctype 属性值
formMethod	设置或返回提交按钮的 formmethod 属性值
formNoValidate	设置或返回提交表单数据时是否需要验证。
formTarget	设置或返回提交按钮的 formtarget 属性值。
name	设置或返回提交按钮的 name 属性值。
type	返回提交按钮的表单元素类型。
value	设置或返回提交按钮的 value 属性值。

语法

以下是语法 −

创建 Input Submit 对象 −

var P = document.createElement("INPUT");
P.setAttribute("type", "submit");

示例

让我们看一个 Input Submit 对象属性的示例 −

<!DOCTYPE html>
<html>
<head>
<script>
   function rangeCreate() {
      var S = document.createElement("INPUT");
      S.setAttribute("type", "submit");
      document.body.appendChild(S);
   }
</script>
</head>
<body>
<h1>Input submit object</h1>
<p>Create an input submit button by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
</body>
</html>