html input submit 执行,HTML DOM Input Submit用法及代码示例

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

用法:

它创建一个输入提交对象。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：本示例创建一个输入提交对象

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);

}

输出：

在单击按钮之前：

单击按钮后：

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

HTML DOM Input Submit Object

HTML DOM Input Submit Object

Click on the button to create

submit button

value = "Submit @ geeksforgeeks">

Click Here!

function myGeeks() {

var btn = document.getElementById("Geeks").value;

document.getElementById("GFG").innerHTML = btn;

}

输出：

在单击按钮之前：

单击按钮后：

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

谷歌浏览器

Firefox

IE浏览器

Opera

Safari