规定form表单提交的页面打开方式

简介:
在实际应用中,可能有这样的需要,那就是提交表单之后,要求以某一种方式打开接收数据的页面。

下面就通过代码实例做一下简单介绍。

代码如下:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< script type = "text/javascript" >
function sub() {
   document.forms[0].elements[0].disabled = true;
   document.forms[0].submit();
}
window.onload=function(){
   var obt=document.getElementById("bt");
   obt.onclick=function(){
     sub();
   }
}
</ script >
</ head >
< body >
< form action = "login.action" target = "_blank" method = "post" >
   < input type = "button" name = "btn" id = "bt" value = "提交表单" />
</ form >
</ body >
</ html >

上面的代码实现了我们的要求,可以在一个新的空白页面打开接收数据的页面。

实现方式就是使用form元素的target属性规定,非常的简单,类似于链接a的target属性。



原文发布时间为:2017-2-25

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:规定form表单提交的页面打开方式


相关文章
|
7月前
|
JSON JavaScript 前端开发
form表单提交方式
form表单提交方式
|
1月前
获取form表单提交的内容
获取form表单提交的内容
|
1月前
提交form表单判断是文件还是文本
提交form表单判断是文件还是文本
17 0
|
7月前
|
小程序 前端开发 JavaScript
小程序提交form表单
微信小程序提交form表单内容
63 0
|
7月前
|
前端开发
a标签以post方式提交
a标签以post方式提交
|
8月前
|
JavaScript
一个form表单有两个按钮,分别提交到不同的页面
一个form表单有两个按钮,分别提交到不同的页面
41 0
|
JavaScript
form表单提交后,页面弹出成功或者失败的信息
form表单提交后,页面弹出成功或者失败的信息
132 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
546 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
如何通过form表单控制上传文件的大小?
如何通过form表单控制上传文件的大小?
1246 0
|
前端开发 程序员
提交文件至服务器的设置——表单属性中的 enctype
提交文件至服务器的设置——表单属性中的 enctype
220 0
提交文件至服务器的设置——表单属性中的 enctype

热门文章

最新文章