HTML DOM Input Submit 对象属性


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

属性

以下是 Input 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>

输出

这将产生以下输出:

点击“创建”按钮:

更新于: 2021年2月19日

88 次浏览

开启你的 职业生涯

完成课程获得认证

立即开始
广告