首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

(如何)我可以在新窗口中打开表单提交的结果吗?

在新窗口中打开表单提交的结果,可以通过使用JavaScript和HTML实现。以下是一个简单的示例:

  1. 在HTML中创建一个表单,并添加一个按钮,当点击按钮时,调用一个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>
  1. 在JavaScript中编写一个函数,该函数将在新窗口中打开表单提交的结果。
代码语言:javascript
复制
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,以便将表单数据发送到正确的位置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券