在新窗口中打开表单提交的结果,可以通过使用JavaScript和HTML实现。以下是一个简单的示例:
<form id="myForm">
<input type="text" name="username" placeholder="Username">
<input type="password" name="password" placeholder="Password">
<button type="button" onclick="submitForm()">Submit</button>
</form>
function submitForm() {
// 获取表单元素
const form = document.getElementById('myForm');
// 创建一个新的表单,并将原表单的数据复制到新表单
const newForm = document.createElement('form');
newForm.setAttribute('method', 'POST');
newForm.setAttribute('action', 'https://your-server-url.com/submit');
newForm.innerHTML = form.innerHTML;
// 添加一个隐藏的iframe,用于提交表单并在新窗口中打开结果
const iframe = document.createElement('iframe');
iframe.setAttribute('name', 'resultFrame');
iframe.style.display = 'none';
document.body.appendChild(iframe);
// 设置表单的target属性为iframe的name属性
newForm.setAttribute('target', 'resultFrame');
// 将新表单添加到文档中,并提交表单
document.body.appendChild(newForm);
newForm.submit();
// 删除新表单和iframe
document.body.removeChild(newForm);
document.body.removeChild(iframe);
}
在这个示例中,当用户点击“提交”按钮时,将在新窗口中打开表单提交的结果。请注意,您需要将https://your-server-url.com/submit
替换为您的服务器URL,以便将表单数据发送到正确的位置。
领取专属 10元无门槛券
手把手带您无忧上云