iframe怎么使用表单提交事件 
时间: 2023-06-03 17:06:56 浏览: 29
iframe标签可以在网页中嵌入另一个网页。表单提交可以使用form元素的submit()方法来触发,例如:
```html
<form id="myForm" action="submit.html" method="post">
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
<iframe id="myFrame" src="about:blank"></iframe>
```
JavaScript代码:
```javascript
const form = document.getElementById('myForm');
const iframe = document.getElementById('myFrame');
iframe.addEventListener('load', () => {
// 在iframe加载完成后,提交表单
iframe.contentWindow.document.forms[0].submit();
});
form.addEventListener('submit', (event) => {
// 阻止表单的默认提交行为
event.preventDefault();
// 将表单的数据提交到iframe中
iframe.contentDocument.write('<p>提交中...</p>');
form.target = 'myFrame';
form.submit();
});
```
上述代码会在iframe中显示"提交中...",然后自动跳转到submit.html页面。
相关推荐

















