<html>
<head>test</head>
<body>
<script language="javascript">
function dosubmit()
{
var myform = document.getElementById('myform');
myform.submit();
}
</script>
<form method="post" id="myform">
<input type="text" value="test" />
<input type="button" name="submit" value="提交" onclick="dosubmit()" />
</form>
</body>
</html>
使用JavaScript中调用form.submit()不能提交或在IE中提示“对象不支持此属性和方法”问题
上述代码在chromium和IE上都不能正常提交，但当把提交按钮的type改为submit时，在用chromium查看这个页面并点击提交按钮，表单会正常提交，但是我们换到IE下面，IE也可提交但却会提示“对象不支持此属性和方法“ 的错误。
这是怎么回事呢？郁闷了我好一段时间，经过查找资料，发现是提交按钮的name="submit"和id="submit"的属性在捣乱。
当把提交按钮的name改成除了submit的其他名字时，提交按钮的type为button或者submit在chromium和ie上均可提交表单，为什么会出现这个问题呢，因为在IE下可以通过 表单.表单元素名称 这样的方式获得一个表单下的所有表单元素，但是巧就巧在这里，如果某个表单元素的名称和表单的方法名重名的话那么IE就会优先将名称解析为某个表单元素，而不是表单的方法，此时就会出现这个神奇的问题了。
此时submit已经变成 form 的一个属性了，并不是方法。这下明白了吧。把submit（也就是submit方法）覆盖了。所以要注意提交表单name的命名方式不要和form原有的方法，属性相同，这样会导致原来的form属性方法失效。
相关推荐
当用户点击`type="submit"`的按钮或按下回车键时，表单会执行默认的提交行为，即调用`form.submit()`方法，将表单内所有具有`name`属性的元素作为键值对发送到服务器。值得注意的是，`type="submit"`按钮自身并不会...
例如，在上述代码片段中，我们看到一个ID为"pquery"的表单，其中有一个`name="submit"`的提交按钮。如果用户点击这个按钮，浏览器可能会直接发起表单提交，而不是执行与该按钮相关的任何JavaScript事件处理函数，如`...
HTML表单通过`<form>`标签定义，它通常包含一个或多个表单控件，如`<input>`、`<select>`、`<textarea>`等，以及用于提交表单的`<button>`或`<input type="submit">`元素。例如，一个基本的HTML表单结构如下： ```...
1. **使用name属性和JavaScript事件处理**：为每个Submit按钮设置唯一的name属性，例如`<input type="submit" name="action1" value="提交1">`和`<input type="submit" name="action2" value="提交2">`。然后通过...
<input type="image" src="submit_button.png" alt="Submit" name="submit"> ``` 这里的`<input type="image">`有两个默认属性：`x`和`y`，它们分别表示用户点击图像时的坐标。如果不需要这些坐标，可以在`...
第一种解决方法是将按钮的type属性从submit改为button。这样做的好处是按钮不再触发表单的默认提交行为，代码示例如下： ```html <input type="button" value="Create" id="submit" /> ``` 使用type为button的按钮...
当`<input>`标签的`type`属性设置为`submit`时，它将创建一个提交按钮。这个按钮的主要功能是提交表单数据到服务器进行处理。在描述中提到的`<input type="submitQuery">`，虽然"submitQuery"不是一个标准的类型，但...
这就是一个按钮） type可选的值如下： button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...
<button type="submit" id="submitBtn">提交</button> document.getElementById('myForm').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var btn = ...
<input type="button" name="hui" id="hui" value="让提交按钮可用" onclick="document.form1.imageField.disabled=false" /> function closebut() { document.form1.imageField.disabled=true; } ``` ...
文字要包含在label标签中，并设置行高，否则文字会与文本框的顶 端对齐。...input type=”submit” name=”button” id=”button” value=”提交” /> </form> //CSS 代码 复制代码代码
- **按钮ID(hosted_button_id)**: PayPal为每个捐赠按钮分配了唯一的ID。 **3.4 “Donate”按钮的高级功能** - **定制金额(custom)**: 允许用户输入自定义的捐赠金额。 - **最小捐赠金额(min)**: 设置最小的捐赠...
需要注意的是，这些按钮的类型设置为`button`而不是`submit`，这是因为`submit`类型的按钮默认会触发表单的提交行为，而我们希望通过自定义函数来控制这个过程。 #### JavaScript实现 接下来是实现的核心部分——...
在这个例子中，`<input type="submit">`按钮会触发表单的提交和执行`test()`函数，而`<input type="button">`按钮则只会调用`test()`函数，并不会提交表单。`test()`函数中调用了`document.getElementById('myform')...
<button type="submit" name="submit">Submit</button> ``` 这里，`action`属性指定了表单数据应发送到的PHP脚本（myhandle.php），`method`属性定义了数据的传输方式（通常是GET或POST，这里使用POST）。 2. ...
- 确认提示后提交：`<input name="Submit4" type="button" id="Submit4" onClick="if(confirm('确定提交吗？\n'))form1.submit();"value="提交">` - 检查内容后提交：`<input name="Submit3" type="button" id=...
表单通常包括输入字段，如文本框（text input）、下拉菜单（select）、复选框（checkbox）、单选按钮（radio button）以及提交按钮（submit button）。例如： ```html <form id="reservationForm"> <label for=...
通常，我们使用`<button>`或`<input type="submit">`标签来创建一个提交按钮，但有时为了美观，开发者可能会选择使用图像（image）作为提交按钮。本文将详细讲解如何使用图像提交表单，以及解决可能出现的重复提交...
<button type="submit">提交</button> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="script.js"> ``` 在这个例子中，我们使用了Font Awesome图标库（`<i class="fa...
6. **提交按钮 (submit)**: `<input type="submit">` 用于提交表单数据到服务器。用户点击后，表单数据会被发送到指定的URL。 示例: ```html <input type="submit" value="提交"> ``` 7. **重置按钮 (reset)**...