form表单提交target属性使用

通过form表单提交刷新iframe

<form action="doctor/selPackage" target="projectlistframe" id="frm">
            <table width="80%" border="0" cellspacing="0" cellpadding="0" class="tableleft">
               <s:iterator value="packageMainTblList">
                 <tr>
                    <td>
                       <input id="packageId" name="packageId" value="<s:property value="packageId"/>" onclick="selPackage(‘<s:property value="packageId"/>‘);" type="radio"/>
                       <s:property value="packageName"/>
                       </td>
                   </tr>
               </s:iterator>
            </table>
        </form>
    </div>

       <div class="div1_2">
        <iframe frameborder="0" width="100%" height="100%" marginheight="0" marginwidth="0" scrolling="no" src="about:blank" name="projectlistframe" id="projectlistframe"></iframe>
    </div>

form表单中target属性与iframe的name属性绑定，iframe中src属性控制页面打开方式；当form表单提交时，iframe页面相对应的也会刷新。

时间： 2024-10-27 12:20:12

form表单提交target属性使用的相关文章

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的

form表单提交方式

无刷新页面提交表单表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面 <form action="/url.do" method="post" target="targetIfr"> <input type="text" name="name"/&g

跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性

这节课给大家补充一下,一些前些课程没有接触的知识. 在XHTML中,表单内的从属元素必须书写在表单内部,但是在HTML5中,可以把他们书写在页面上任何地方,然后给元素制定一个form属性,属性值为该表单单位的id,这样就可以声明该元素从属于指定表单了. 这个我想对于我们来说,应该是个很新奇的玩意吧 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>form

ajax传递数组、form表单提交对象数组

在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发任务中,遇到了需要批量传递对象,也就是需要传递对象数组,在此做个总结.今天又遇到需要向后台传递数组,便一并写下来吧. 1.ajax传递普通数组前台代码 var deleteNum= [];//定义要传递的数组 deleteNum.push("1"); deleteNum.push(&qu

form表单提交转为ajax方式提交

在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法. 原先的form表单长这样: <form action="xxx" method="get"> //action的值是请求的url地址 <div class="form-group"> <label for="name">姓名</label> <

form表单标签及属性的介绍

版权声明:本文为博主原创文章,未经博主允许不得转载. 一. 表单标签 <form></form> 常用属性 Action 跳转到什么页面 Method 以什么模式提交 Get Url有长度限制 IE6.0 url 最大长度 2083个字符超过无法提交 IE7.0 最大长度 2083个字符超过最大长度仍然可以提交但是只能提交2083个字符 Opera 9.52 最大长度7648个字符超过最大长度无法提交所有提交内容会显示到地址栏位置很不安全 a标签的跳转方式也是get方式

extjs中form表单提交成功、失败的响应信息

类Ext.form.Action.Submit 处理表单Form数据和返回的response对象的类. 该类的实例仅在表单Form{@link Ext.form.BasicForm#submit 提交}的时候创建. 返回的数据包必须包含一个 boolean 类型的success属性,还有可选地,一个含有无效字段的错误信息的属性 A response packet may contain: · success property : Boolean - required. ·

Form表单提交数据的几种方式

一.submit提交在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交. <form action='http://www.123.com/postValue' method='post'> <input type='text' name='username' /> <input type=

关于form表单提交ajaxForm和ajaxSubmit的用法与区别

前几天在学习form表单提交时看到这两种方法,这两种方法都是实现form的ajax提交的方法,看了很多资料还是不太明白其用法和区别,最后直接自己写demo,很快就理解,所以说实操是学习的最快捷直接的途径.好了,下面回到正题: 在使用这两种方法之前,首先需要安装form.js的插件,下载就不放了,网上一搜就有: <script src="/Tool/HtmlPage/S45/js/jquery-form.js"></script> 一.首先说用法,ajaxForm