问题引入

在做一个活动支付项目的时候,提交订单(form表单)跳转支付页面发现没有反应。经过断点排查发现断点也进了,不报错。但是返回的就是空白页,让人很纠结。
经过反复测试,才发现是杀毒软件拦截了form表单的请求。如何来解决这个问题呢?下来我们来看看Form表单的属性就会明白了。

FORM的属性

method属性:规定用于发送 form-data 的 HTTP 方法。实际上就是请求的方式。
name属性:表单的名称。
action属性:指定表单请求的路径
target属性:指定action的Url在哪里打开

method属性

form表单是的HTML中常用的标签。主要用来提交参数与后台数据进行交互。提交表单的方式有两种(主要通过method属性控制):

①GET方式:最常见的提交方式,也就是将请求的参数直接拼接在请求路径的后面。这样的方式会把参数暴露在地址栏,不安全,而且有长度的限制。

②POST方式:也比较常见。这种请求方式将参数保存在请求体中,地址栏不会出现请求的参数。相对安全。

name属性

定义表单的名称,一般不使用。

action属性

form表单的灵魂,action指定的请求路径的具体地址

target属性

_blank:指定action的Url在新开的浏览器窗口中

_parent:指定action的Url在父级浏览器窗口中

_self:指定action的Url在当前浏览器窗口中

_top:指定action的Url在顶级浏览器窗口中

代码块

form表单的属性位置,例如:

    <FORM name = "form_name" method ="method" action = "URL"  target ="target_win">  ...  </FORM>  

问题解决

杀毒软件拦截请求一般会在新打开的页面拦截,也就是使用了target属性的“_blank”。默认情况也会是“_blank”,所以会被拦截到。不重新发开新的浏览器窗口,就不会拦截。所有解决办法将”_blank”属性改为“_self”就会解决此问题。

花絮(HTML5中的新属性)

autocomplete属性:规定表单是否自动提交【on/off】
novalidate属性:如果使用该属性,表单不验证可以直接提交【novalidate】 ———这是一个危险的属性,慎用!

FORM表单的几大属性相关推荐

  1. js 提交form表单,js更改form表单的action属性

    2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...

  2. HTML form表单添加enctype属性后获取不到input值

    HTML form表单添加enctype属性后获取不到input值 问题如图所示, 在servlet中输出获取的属性值,发现全部为null 最后结论 enctype修改了form表单提交时的格式,不再 ...

  3. form表单的常见属性

    form表单的常见属性: 一:所有的属性需要写在form表单里面才能生效 1:name="" form中的name属性主要是对这个form进行标记: 2:method=" ...

  4. form表单的enctype属性传值问题

    HTML文件中的form表单的enctype属性有三个属性值: ① enctype="application/x-www-form-urlencoded" 默认选项 将表单中的数据 ...

  5. php中enctype属性,Form表单的enctype属性和method属性

    在WEB开发过程中,Form表单元素是一个使用频率非常高的控件,对于这样一个控件,也许我们并没有认真关注过.今天我们来解读它的enctype属性和method属性. enctype 属性 enctyp ...

  6. C# HTTP系列10 form表单的enctype属性

    系列目录     [已更新最新开发文章,点击查看详细] 在ASP.NET编程中经常遇到下面的代码片段,将人员信息以表单方式提交到后台程序并保存到服务器与数据库中. 1 <form action= ...

  7. form表单的target属性

    form 标签的 target 属性 实例 <div id="showInfo"></div><form action="1.php&quo ...

  8. form表单的action属性设置相对路径

    代码如下,当form表单中的action值为savebyform.do时,该表单提交的路径会是什么呢? <form name="form1" action="sav ...

  9. (一)使用form表单的name属性简单实现前后端交互

    实现效果: 点击提交后: 前端页面源码: <!DOCTYPE html> <html lang="en"

最新文章

  1. H极大值—lhMorpHMax
  2. 如何将数据导入到 SQL Server Compact Edition 数据库中(四)
  3. windows7系统损坏修复_修复损坏的系统文件,就用系统文件检查器SFC,简单高效...
  4. 【DP】数字游戏(jzoj 2131)
  5. C#编写不安全代码初探
  6. 表单及数据提交、表单的作用、服务端接收提交的数据、php处理数据流程、文件域及文件域中数据处理、php展示数据(响应)
  7. IT男的”幸福”生活续8
  8. 上传本地项目到gitee_使用git将本地代码上传到gitee远程仓库
  9. 【Android】Gradle 下载地址修改
  10. ClickHouse的表引擎
  11. 冰点还原精灵破解版|冰点还原精灵中文破解版下载(附冰点还原精灵注册机及许可证密钥)
  12. (三)Excel函数应用之逻辑函数
  13. 什么是zone?如何做zone?如何做好zone?
  14. 编译原理——中间代码生成(逆波兰表示)
  15. shell编程文档资料
  16. 手机用久了耗电快?华为手机的后备隐藏能源,开启后续航强如新机
  17. 基于CIFAR100的VGG网络结构详解
  18. html项目符号正方形,HTML无序列表| HTML项目符号列表
  19. Linux操作系统的基本命令
  20. python 验证码字符分割

热门文章

  1. 取消“996”、大裁员、年终奖缩水,这届互联网人没有余粮?
  2. 解决canvas动画嵌套H5移动端适配、嵌套iframe加载canvas动画屏幕适配的问题
  3. win10系统同时配置有线网络和无线网络多个网络
  4. SDN网络对比传统网络
  5. SEO优化常见的几个误区
  6. excel表格不够怎么添加_Excel表格技巧—无法自动求和怎么办
  7. nginx安装配置并nginx添加至systemctl
  8. 什么是SVG?——SVG快速入门
  9. 一分钟,制作一个centos镜像
  10. 动画指导在Excel中批量打印标签/送货单等等