input type="image" 提交表单
提到<input type="image" />，说起来有些惭愧。之前的工作基本每周都要制作两到三个注册用户的网页。其中就用它提交表单。
那个时候我想当然的以为这是用js操作，才把表单数据提交的。直到前几天同事问到了这个问题，我还以为用js提交表单，为此还打了一个
赌，虽然赌注很小，不用想结果我输了。今天对它做个总结：
code：
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<style>
.sbuImage{
background:url("http://www.58guakao.com/images/user/reg/reg-btn.gif") repeat scroll rgba(, , , );
width:207px;
height:34px;
}
</style>
<body>
<form method="POST" action="http://passport.cnblogs.com/login.aspx?test=testval">
<input type="text" name="uname" value="张三" /></br></br>
<input type="pwd" name="pwd" value="" /></br></br>
<input class="sbuImage" type="image" value="type是image的按钮提交表单" /></br></br>
<input class="sbuImage" type="submit" value="type是submit的按钮提交表单" />
</form>
</body>
</html>
一.input type="image" 与 type="submit"的区别(下文简写image和submit)
1.这两者都可以响应请求；
2.不同之处是当 method="GET" 时，当鼠标点击image时，除了能正常请求URL,还能把鼠标点击图片时的焦点坐标（注意：
这个焦点坐标是相对于点击的图片说的）作为参数出现在url里，以上面的例子来说，url是：
http://passport.cnblogs.com/login.aspx?uname=%D5%C5%C8%FD&pwd=123&x=168&y=21
url少了一个参数test=testval,下面会提到。
二.简单说一下Form表单里POST请求与GET请求的区别
请求区别：
1.最显然的区别是GET是从服务器获取数据，服务器需要的数据会出现在url里；
2.POST是将数据传给服务器；
参数传递不同：
1.GET请求时,action的url的参数会丢掉，就像上面的url少了test=testval,它只会把form表单里的参数传在url里；
2.POST请求时，action的url的参数不会丢掉，同时也会把form表单里的参数传到服务器；
安全性：
1.GET请求时，表单里的数据都会显示在url里，相对POST请求不安全；
2.POST请求时，表单里的数据不会那样明显显示在客户端；
数据量：
GET请求传递数据量要小于POST请求很多。具体待测。
下面这个链接要详细，可参考：
http://blog.sina.com.cn/s/blog_7ffb8dd501013kdm.html
input type="image" 提交表单的更多相关文章
- 阻止form元素内的input标签回车提交表单
<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { ...
- type="image"提交表单
<input type="image" style="cursor:pointer; ">
- js创建form添加input项目并提交表单
var generateHideElement = function (name, value) { var tempInput = document.createElement("inpu ...
- form表单action提交表单，页面不跳转且表单数据含文件的处理方法
在最近的项目中需要将含 input[type='file']的表单提交给后台 ,并且后台需要将文件存储在数据库中.之前所用的方法都是先将文件上传到七牛服务器上,然后七牛会返回文件的下载地址,在提交表单 ...
- php 提交表单
滴答…滴答…的雨,欢迎大家光临我的博客. 学习是快乐的,教育是枯燥的. 博客园 首页 博问 闪存 联系 订阅 管理 随笔-58 评论-2017 文章-5 trackba ...
- i利用图片按钮 和 input type="image" 为背景提交表单
<img src="img/cancel.jpg" onclick="javascript:document.getElementByIdx_x('loginFor ...
- jquery 通过submit()方法 提交表单示例
jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...
- 4 django系列之HTML通过form标签来同时提交表单内容与上传文件
preface 我们知道提交表单有2种方式,一种直接通过submit页面刷新方法来提交,另一种通过ajax异步局部刷新的方法提交,上回我们说了通过ajax来提交文件到后台,现在说说通过submit来提 ...
- 总结：JSP几种提交表单方法
问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...
随机推荐
- 不准使用xib自定义控制器view的大小
1.AppDelegate.m // // 文 件 名:AppDelegate.m // // 版权所有:Copyright © 2018年 leLight. All rights reserved. ...
- Redis及虚拟机windows两种环境安装配置
---恢复内容开始--- Redis /rae dis/是一个开源的Key-Value数据库.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链 ...
- P3369 【模板】普通平衡树（权值线段树）
原来线段树还有这种操作(开成一个桶) 用区间维护在这个区间内元素的个数,离散化一下,居然能达到splay的效果 不仅码量大大减少,而且跑的飞快!!! 6种操作 200多ms 插入 xx 数 删除 x ...
- linux文件系统相关概念
struct task_struct { ......................... struct mm_struct*mm;//内存描述符的指针 struct files_struct *f ...
- [NOI2009]管道取珠（DP）
Luogu1758 DarkBZOJ1566 题解 因为他要让我们求出每种状态出现次数的平方和,这样模拟两人取球的时候,设第一个人取球的方案为A,第二个人取球的方案为B, 这样对于每一个A,都有C(n ...
- 项目中遇到的问题：前台 disabled 与 后台disabled
TPRI项目流程,点[保存],“人员”服务器端控件,如果在前台disabled设置,则值会丢失:在后台设置disabled就可以.
- 读经典——《CLR via C#》(Jeffrey Richter著) 笔记_CLR
1.CLR简介 全称:Common Language Runtime(公共语言进行时) 属性:一种托管模块 使用对象:面向CLR的所有语言(C#.Basic.IL...) 核心功能:内存管理.程序集加 ...
- 线程池ThreadPoolExecutor分析: 线程池是什么时候创建线程的，队列中的任务是什么时候取出来的？
带着几个问题进入源码分析: 1. 线程池是什么时候创建线程的? 2. 任务runnable task是先放到core到maxThread之间的线程,还是先放到队列? 3. 队列中的任务是什么时候取出来 ...
- Python读写操作Excel模块_xlrd_xlwt_xlutils
Python 读写操作Excel -- 安装第三方库(xlrd.xlwt.xlutils.openpyxl) 如果仅仅是要以表单形式保存数据,可以借助 CSV 格式(一种以逗号分隔的表格数据格式)进行 ...
- 汉诺塔问题hdu 2065——找规律
这类题目就是纸上模拟,找规律. 问题描述:在一块铜板上有三根杆,目的是将最左边杆上的盘全部移到右边的杆上,条件是不允许直接从最左(右)边移到最右(左)边(每次移动一定是移到中间杆或从中间移出),也不允 ...