form表单无刷新提交文件(iframe)

先看一段代码(PHP例子)

1、表单代码(form.html):

<iframe name="testIframeName" style="display:none;"></iframe>  
<form target="testIframeName" method="post" action="formAction.php">  
<input type="text" name="username"/>  
<input type="password" name="password"/>  
<input type="submit" value=" 提 交 " />  
</form>

2、action代码(formAction.php):

<?php  
echo "<script>top.window.alert('test....');</script>";  
?>  

详见target说明:

属性

描述

accept

MIME_type

HTML 5 中不支持。

accept-charset

charset_list

规定服务器可处理的表单数据字符集。

action

URL

规定当提交表单时向何处发送表单数据。

autocomplete

on off

规定是否启用表单的自动完成功能。

enctype

见说明

规定在发送表单数据之前如何对其进行编码。

method

get post

规定用于发送 form-data 的 HTTP 方法。

name

form_name

规定表单的名称。

novalidate

novalidate

如果使用该属性,则提交表单时不进行验证。

target

_blank _self _parent _top framename

规定在何处打开 action URL。

  • on
  • off

规定是否启用表单的自动完成功能。 enctype 见说明 规定在发送表单数据之前如何对其进行编码。 method

  • get
  • post

规定用于发送 form-data 的 HTTP 方法。 name form_name 规定表单的名称。 novalidate novalidate 如果使用该属性,则提交表单时不进行验证。 target

  • _blank
  • _self
  • _parent
  • _top
  • framename

规定在何处打开 action URL。

说明

参考:http://www.w3school.com.cn/tags/tag_form.asp

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏LuckQI

linux进行硬盘分区挂载-了解系统,最更好的开发

我个人在操作linux分区的时候使用的是fdisk 命令 首先看下fdisk的命令学习下。使用fdisk --help 查看

1141
来自专栏Young Dreamer

如何使用Node.js编写命令工具——以vue-cli为例

vue-cli全局安装之后,提供了vue命令和vue init、vue list、vue build三个子命令,通过命令可以搭建基于vue.js的脚手架项目。本...

2708
来自专栏挖掘大数据

Kafka定时清除过期数据

Kafka将数据持久化到了硬盘上,允许你配置一定的策略对数据清理,清理的策略有两个,删除和压缩。

1.1K6
来自专栏开源优测

AutoLink开源自动化测试集成解决方案

1233
来自专栏Android相关

Linux--Zip命令

最近在弄打包的一些问题,由于其他部门提供的Jar包中有一些Bug,又懒得找其他部门重新打一个,所以就自己修改Jar包了。在修改Jar包的过程中遇到了几个问题,记...

1581
来自专栏编程坑太多

『高级篇』docker之微服务docker下的服务通讯(19)

1173
来自专栏编程坑太多

springboot(19)yml配置

1513
来自专栏云原生架构实践

部署模式 - 每个主机一个服务实例

已经通过微服务架构的分解模式(参考按业务领域分解模式划分微服务),将整个应用程序划分为多个独立的微服务。

1144
来自专栏互联网技术杂谈

flask源码阅读笔记(2)-session相关

基于代码可看出,flask的session是基于cookie实现的,这样可以实现不同请求间存储特定用户的信息,实现用户状态的保持。

1956
来自专栏Python

解决Nginx出现403 forbidden (13: Permission denied)报错的四种方法

我是在在本地用虚拟机中通过yum安装nginx的,安装一切正常,但是访问时报403,

2291

扫码关注云+社区

领取腾讯云代金券