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>
输出
这将产生以下输出:
点击“创建”按钮:
广告