提到<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" 提交表单的更多相关文章

  1. 阻止form元素内的input标签回车提交表单

    <form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { ...

  2. type="image"提交表单

    <input type="image" style="cursor:pointer; ">

  3. js创建form添加input项目并提交表单

    var generateHideElement = function (name, value) { var tempInput = document.createElement("inpu ...

  4. form表单action提交表单，页面不跳转且表单数据含文件的处理方法

    在最近的项目中需要将含 input[type='file']的表单提交给后台 ,并且后台需要将文件存储在数据库中.之前所用的方法都是先将文件上传到七牛服务器上,然后七牛会返回文件的下载地址,在提交表单 ...

  5. php 提交表单

    滴答…滴答…的雨,欢迎大家光临我的博客. 学习是快乐的,教育是枯燥的. 博客园   首页   博问   闪存     联系   订阅  管理 随笔-58  评论-2017  文章-5  trackba ...

  6. i利用图片按钮 和 input type="image" 为背景提交表单

    <img src="img/cancel.jpg" onclick="javascript:document.getElementByIdx_x('loginFor ...

  7. jquery 通过submit()方法 提交表单示例

    jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...

  8. 4 django系列之HTML通过form标签来同时提交表单内容与上传文件

    preface 我们知道提交表单有2种方式,一种直接通过submit页面刷新方法来提交,另一种通过ajax异步局部刷新的方法提交,上回我们说了通过ajax来提交文件到后台,现在说说通过submit来提 ...

  9. 总结：JSP几种提交表单方法

    问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...

随机推荐

  1. Nginx——1.基础知识

    Nginx——1.基础知识 作为高速.轻量.高性能等优点集于一身的服务器,Nginx在近些年迅速发展并不断扩大市场份额,甚至在最近其市场份额一举超过微软的IIS,跃身到第二位,仅次于Apache. 但 ...

  2. fseek函数

    函数名:fseek函数 头文件:#include<stdio.h> 功能:把与fp有关的文件位置指针放到一个指定位置. 格式:  int fseek(FILE *stream, long ...

  3. P1900 自我数

    题意: 对于每一个正整数n,我们定义d(n)为n加上它每一位数字的和. 例如,d(75)=75+7+5=87.给定任意正整数n作为一个起点,都能构造出一个无限递增的序列:n, d(n), d(d(n) ...

  4. EA添加流程图

  5. Python字符串拼接、格式化输出、深浅复制

    1.Python字符串拼接:方法挺多.挺好用的.灵活使用可使代码简洁.可读性好. #1.用4种方法,将列表li = ['I','python','like'], #里面的单词拼成: I**like** ...

  6. zmq导致master收不到minion的key

    问题: 官网方式yum安装完saltstack之后,master与minion都成功启动后,但是却发现怎么都收不到minion的key.(zmq版本不一致所致,困扰了我好几天,希望能帮到大家.) 分析 ...

  7. Django 12 中间件、上下文处理器和admin后台

    Django 12 中间件.上下文处理器和admin后台 一.中间件 #Django中间件 (Middleware) # 一个轻量级.底层的“插件”系统,可以介入Django的请求和响应处理过程,修改 ...

  8. spring 配置 junit

    package cn.hefen.mall.app; import cn.hefen.mall.app.model.ResultMap; import cn.hefen.mall.app.model. ...

  9. poj1062 昂贵的礼物（dijkstra+枚举）

    传送门:点击打开链接 题目大意:买东西,每个东西有了替代品,拥有替代品后可以有优惠价格,每个物品的主人有自己的等级,等级超过m的不能直接或者间接交易,问买1号物品的最低价格是多少. 思路:一开始想到d ...

  10. Go语言基础之12--Channel

    一.不同goroutine之间如何进行通讯? 1.全局变量和锁同步 缺点:多个goroutine要通信时,定义太多的全局变量(每个全局变量功能不一样),不好维护 2.Channel 二.channel ...