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

如何在禁用调整大小的情况下向弹出窗口提交HTML表单?

在禁用调整大小的情况下向弹出窗口提交HTML表单,可以通过以下方法实现:

  1. 使用JavaScript创建一个新的窗口,并设置其大小不可调整。
代码语言:javascript
复制
var myWindow = window.open("", "", "width=500, height=400, resizable=no");
  1. 在新窗口中创建HTML表单,并添加所需的输入字段和提交按钮。
代码语言:html
复制
<form id="myForm">
 <label for="name">Name:</label>
 <input type="text" id="name" name="name"><br>
 <label for="email">Email:</label>
 <input type="email" id="email" name="email"><br>
 <input type="submit" value="Submit">
</form>
  1. 使用JavaScript监听表单的提交事件,并通过AJAX将表单数据发送到服务器。
代码语言:javascript
复制
document.getElementById("myForm").addEventListener("submit", function(event){
  event.preventDefault();
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "your-server-url-here", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      alert("Form submitted successfully!");
      myWindow.close();
    }
  };
  var formData = new FormData(event.target);
  xhr.send(formData);
});

这样,在用户提交表单后,弹出窗口将关闭,并通过AJAX将表单数据发送到服务器。同时,由于窗口大小不可调整,用户无法更改窗口大小。

相关搜索:表单元格中心的HTML CSS -zooming div,如弹出窗口html + perl :如何在用户提交表单时显示等待页面/弹出窗口如何在不使用JSP的情况下向Spring Boot提交html表单?如何在R传单标记弹出窗口中调整大图像的大小?如何在没有故事板的Swift中以编程方式调整弹出窗口的大小?如何在没有提交按钮的情况下发送html表单值?如何在滚动页面时调整窗口大小的情况下实现此效果如何在调整窗口大小后保持Qt Quick应用程序的表单不变PHP -如何在不提交表单的情况下获得html输入的内容?我不知道如何在调整窗口大小的情况下让toggleClass正常工作如何在不使用面向对象编程的情况下将画布对象的大小调整到tkinter中的窗口大小?如何在不影响jQuery DataTables中的表头调整大小事件的情况下对行禁用排序在matplotlib中,如何在不调整其他子图大小的情况下向子图添加表我似乎想不出如何在调整页面大小时阻止我的html表单拆分和下移。如何在不提交表单的情况下将多个变量从HTML网页发送到python脚本如何在HTML属性为readonly而不是禁用的情况下使django表单字段成为只读字段如何在不调整浏览器宽度的情况下将任意大小的图像居中?(窗口外裁剪以获得宽图像)VS Code:如何在不禁用任何其他功能的情况下禁用功能悬停弹出窗口,并最好仅在需要时使用键盘快捷键激活?如何在没有警告消息/弹出窗口的情况下对表单中的字段进行两次验证?抱歉,如果重复,只提供我的链接
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券