form表单提交 新窗口打开

本文介绍了一种通过设置HTML form表单的target属性为_blank来实现在新窗口中提交表单的方法。此方法适用于非AJAX模拟提交场景,通过示例代码展示了如何配置表单的target属性。
部署运行你感兴趣的模型镜像

 form表单提交(非ajax模拟),默认会在本窗口打开

可以使用taget属性,设置在新窗口中打开,如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<body>
	<a href='#' onclick='doLogin()'>问题跟踪系统</>
		<form name="loginform" action='http://10.5.19.241:8980/s.html' method="post"  target="_blank" >
						<input type="hidden" name="os_username"size="25" value="admin">						
		</form>
	</body>
</html>
<script>
function doLogin(){
	document.loginform.submit();
}
</script>


 


 

您可能感兴趣的与本文相关的镜像

Kotaemon

Kotaemon

AI应用

Kotaemon 是由Cinnamon 开发的开源项目,是一个RAG UI页面,主要面向DocQA的终端用户和构建自己RAG pipeline

<think> 我们正在讨论HTML表单如何在新窗口打开结果。用户的问题非常明确:他想知道如何让HTML表单提交时在新窗口(或标签页)中打开目标页面。 关键点: 在HTML中,<form>元素有一个`target`属性,用于指定在何处显示提交表单后接收到的响应。默认情况下,表单提交会在同一窗口打开。要实现在新窗口打开,我们可以设置`target`属性为"_blank"。 此外,我们还需要注意: 1. 如果表单使用GET方法,参数会附加在URL后面,新窗口的URL将包含这些查询参数。 2. 如果表单使用POST方法,表单数据会包含在请求体中,新窗口将显示POST请求的响应。 步骤: 只需要在<form>标签中添加target="_blank"即可。 示例代码: ```html <form action="/submit" method="post" target="_blank"> <!-- 表单字段 --> <input type="text" name="username"> <input type="submit" value="提交"> </form> ``` 另外,有时我们可能希望控制新窗口的一些特性(如尺寸、工具栏等),但请注意,现代浏览器出于安全考虑,通常不允许通过HTML属性控制新窗口的具体特性(以前可以用`window.open`的第三个参数设置,但表单的target属性不支持这些特性)。如果确实需要控制新窗口的特性,可能需要使用JavaScript。 但是,用户的问题是“form表单打开新窗口的方法”,所以主要方法就是使用target="_blank"。 另外,还有一种方法是通过JavaScript在表单提交打开新窗口,但这通常不需要,因为target="_blank"已经足够。 因此,我们给出如下回答: </think> 在 HTML 中,让表单提交后在**新窗口打开**结果页面的方法是通过 `<form>` 标签的 `target` 属性实现。具体操作如下: ### 核心方法 ```html <form action="目标URL" method="GET|POST" target="_blank"> <!-- 表单控件 --> <input type="text" name="username"> <input type="submit" value="提交"> </form> ``` ### 关键属性说明 1. **`target="_blank"`** - 指定表单提交结果在**新标签页/新窗口**打开(取决于浏览器设置) - 替代值: - `_self`:当前窗口(默认) - `_parent`:父框架 - `_top`:顶层窗口 2. **`method` 选择** - `GET`:参数显示在 URL 中(如 `?username=value`) - `POST`:参数在请求体中发送(适合敏感数据) ### 完整示例 ```html <!DOCTYPE html> <form action="https://example.com/submit" method="POST" target="_blank"> <label>用户名:<input type="text" name="username"></label><br> <label>密码:<input type="password" name="pwd"></label><br> <button type="submit">在新窗口提交</button> </form> ``` 效果:提交后数据会发送到 `example.com/submit`,响应结果将在浏览器新标签页打开。 ### 注意事项 1. 浏览器可能阻止弹窗,确保表单提交由**用户主动触发**(如点击按钮) 2. 如需控制新窗口尺寸,需配合 JavaScript: ```javascript document.querySelector("form").addEventListener("submit", () => { window.open("", "_blank", "width=600,height=400"); }); ``` ---
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值