`

html提交表单中input image和img

    博客分类：
  • Web
 
阅读更多

1.<input type="image" src="xxx.gif" > 
此图片会自动对Form表单进行提交，即为type="submit" 若提交前要进行判断、检验则用 
<input type="image" src="xxx.gif" onclick="return dosubmit();"> 
   但是用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ 
    尤其是用IE问题比较严重，用火狐的话还不会报错！此时注意，要把数据库设置为同一信息要唯一！ 

  原因：：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交”。 

2.<img alt="提交" src="xxx.gif" onclick="return dosubmit();" style="cursor:pointer;"> 
  这种方式提交是正常的没有问题， 效果和上面是一样的。所以，请少用第一种方式提交数据尤其是在struts的应用中 

 

 

<html>
<body>
    <form action="test.php" method="get">
        <input type="image" src="xxx/fan.gif" onclick=""> 
        <input type="text" name="user[name]" value=""> 
        <input type="hidden" name="user[pwd]" value="yufeng">
        <input type="hidden" name="user[id]" value="10086">
    </form>
</body>
</html>



    if(!empty($_GET['user'])){
        $user = $_GET['user'];
    }

    $dir = dirname(__FILE__) . '/test.txt';
    file_put_contents($dir, json_encode($user), FILE_APPEND);
分享到：
| 细说PHP中strlen和mb_strlen的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery完全实例.rar

    在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    从入门到精通HTML5——PDF——网盘链接

    　第14章 HTML 5中的表单 255 　视频讲解：50分钟 　14.1 新增表单元素与属性 256 　14.1.1 新增的属性 256 　14.1.2 增加与改良的input元素的种类 259 　14.1.3 output元素的添加 264 　14.1.4 应用新增元素制作...

    php 简单图片上传 move_uploaded_file

    if($fit == 'image/jpeg' or $fit == 'image/pjpeg' or $fit == 'image/gif' or $fit == 'image/png' or $fit == 'image/bmp' && $fis ){ //判断文件移动是否成功，如果成功则html的img标签显示图片. if(move_...

    Django处理文件上传File Uploads的实例

    HttpRequest.FILES 表单上传的文件对象存储在类字典对象request.FILES中，表单格式需为multipart/form-data &lt;form enctype="multipart/...img=request.FILES['image'] request.FILES中的值均为UploadedFile类文件对

    《Web应用技术》实验

    2)在另外一个JSP页面中获得所有的提交信息，并能根据所提交的信息进行相关的判断和跳转等。Tijiao.jsp 代码如下：注册页面zhuce.jsp &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; body {background-image: ...

    css笔记课程笔记2019，5，22

    input type="image" src=""/&gt; * 普通按钮 type="button" 6、div和span * div: 自动换行 * span：在一行显示 CSS 1、css的简介 * css： 层叠样式表 ** 层叠：一层一层的 ** 样式表： 很多的属性和...

    jQuery获取file控件中图片的宽高与大小

    如何判断input file表单里上传的图片的宽高和大小呢？ 解决方案 这个时候图片还没真正上传，也不是在页面上展示，不能使用$(“#id”).width(),$(“#id”).height()这种方式。 在Stack Overflow找到一个方法获取input...

    ExtAspNet_v2.3.2_dll

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    （3）行内块元素 img input td ①一行上可以有多个行内块元素 中间有空隙（行内元素特点） ②默认宽度就是他本身内容的宽度（行内元素特点） ③宽高 高度 外边距 内边距可以控制（块级元素特点） 元素显示模式的...

    jquery-1.3.2

    $("img").attr({ src: "test.jpg", alt: "Test Image" });//改变对象文本 $("p").add("span");//给对象增加标签 $("p").find("span");//查找对象内部的对应元素 $("p").parent();//对象的父级元素 $("p").append(...

    jQuery详细教程

    通过 hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示： 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试&lt;html&gt; ...

    PHP基础教程 是一个比较有价值的PHP新手教程！

    那些从HTML中分离出来的标志也表示语句的结束。 注释 PHP支持C，C++和Unix风格的注释方式： /* C,C++风格多行注释 */ // C++风格单行注释 # Unix风格单行注释 Hello,World! 通过我们已经学过的知识，你可以编写...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    js使用小技巧

    " 和 "?"也编码 表格行指示 //各种尺寸 s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域高："+ document.body....

Magicbox
Global site tag (gtag.js) - Google Analytics