如何获取Input[Type=Image]的值

最新推荐文章于 2022-09-01 16:33:27 发布
原创 最新推荐文章于 2022-09-01 16:33:27 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#PHP

本文详细解析了在PHP表单提交过程中，通常通过$_POST['img']无法获取到的额外坐标信息$_POST['img_x']和$_POST['img_y']的来源与用途。这些坐标值在用户点击图片按钮时被记录，用于追踪用户交互行为。文章深入探讨了这一现象背后的技术原理，为开发者提供了一种新的思路来收集用户行为数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. <form action="" method="post">
  2.     <input type="image" name="img" src="xx.jpg" />
  3. </form>

提交表单后，PHP端通过$_POST['img']是获取不到值的！

但可以获得两个非常有趣的值：
$_POST['img_x']
$_POST['img_y']
分别表示点击图片按钮时的坐标值。

js操作元素内容，获取input值，操作元素属性，img的src操作标签样式，操作元素样式，和批量样式设置
lyclyc_的博客
07-18 1055
晚上写
html input image,input type="image"
weixin_39683734的博客
06-10 1728
类型的元素"image"用于创建图形提交按钮，即提交采取图像而不是文本形式的按钮。值无 - 不应该指定值属性。活动没有。支持的通用属性所有，src，宽度，高度，形式，表单类型，表单方法，formnovalidate，格式IDL属性没有。方法没有。值元素不接受value属性。要显示的图像的路径在src属性中指定。使用图像输入所述元件是一个替换元件(元件，其内容也不会产生或受到CSS层直接管理)，在大...
php中如何取得image按钮传递的name值?
管子（zero）的杂乱空间
11-12 831
使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的。 　　我需要使用图片按钮来美化我的web，但是使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的，何必要多加一个变量呢？在bbs里贴了好
<input type="image"> 和 <img> 用法区别
wxinpeng的专栏
06-28 489
  写一个表单提交用到图片：两种代码。 1. &lt;input type="image" src="xxx.gif" onclick="return dosubmit();"&gt;       会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！         2. &lt;img src="xxx.gif" onclick="return dosubmit();&
input html 怎么用图片,HTML Input Image value用法及代码示例
weixin_35689877的博客
06-04 1087
HTML DOM中的“输入图像值”属性用于设置或返回“输入图像”的value属性的值。用法:它返回值属性。imageObject.value它设置值属性。imageObject.value = value;属性值它包含值文本，该文本指定输入图像的值返回值它返回一个数字值，代表输入图像的值。例：本示例返回输入图像值属性。HTML DOM Input Image value PropertyGeeks...
form的OnSubmit和input type=image使用介绍
09-28
当用户点击了表单内的提交按钮或者触发了其他会导致表单提交的事件（如`input type=image`），浏览器会先执行`onSubmit`绑定的函数。在函数执行期间，我们可以通过逻辑判断来决定是否允许表单继续提交。例如，如果...
input type=file 调取手机照相机和选择照片上传
12-17
<input type="file" accept="image/*" capture> ``` `accept="image/*"` 表示接受所有类型的图片文件，`capture` 属性则指示浏览器应该首选设备的摄像头进行捕获。不过需要注意的是，`capture` 属性在某些浏览器中...
jQuery实现input[type=file]多图预览上传删除等功能
12-29
下面我们了解一下，多图上传时...input id=upload type=file accept=image/* multiple=multiple> <button class=btn>点击上传</button> <div class=img-box> <!-- 存放预览图片 --> </div>
快速解决input[type=file]打开时慢、卡顿的问题
12-13
为什么在input标签类型为file上传文件时在标签中设置属性 accpet="image/*"，打开本地文件夹的速度特别慢？ 经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题 在windows里面，...
input type=＂image＂
dongmei757的专栏
06-17 3216
<br />  php中如何取得image按钮传递的name值? 收藏 <br />使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的。 <br />　　我需要使用图片按钮来美化我的web，但是使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的，何必要多加一个变量呢？在bbs里贴了好几天也没人回答，
<input type="image"> 和 <img> 用法区别
wangmuzhan的专栏
03-16 176
写一个表单提交用到图片：两种代码。 1. Html代码 会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ 2. Html代码 第二种则正常！！ 原因：：HTML 中 image的描述是“创建一个图像控件，该控件单击后...
js 获取input选择的图片的信息
weixin_30871293的博客
08-26 1371
1JS $("#btn").click(function () { var imageEle = document.getElementById("images");//jquery 无法获取到 // 获取文件上传域内输入的多个文件 var fileList = imageEle.fil...
<input type="image">标签引发的form表单自动提交
Tiakon的博客
07-05 5850
<input type="image">标签引发的form表单自动提交问题今天遇到一个问题，在form表单中使用了两个<input type="image">标签，form表单会自动提交： <form id="addNode" action="a.jsp" method="get">     <div id="tButtonArea">         <input id="button1" sr
检索Html文件中的Image标签[img * /],并提取image的属性值
weixin_30641465的博客
07-10 1568
最近遇到一个问题，就是提取Html文件中的Image标签<img * />,并需要提取Image标签里的属性值 我的实现如下： privatevoidParseImageFromHtmlConent() { //搜索图像的正则表达式 stringpattern=@"(<img[^&...
<input type="img"> 与 <img> 标签的区别
chenghouba2966的博客
07-18 377
最近一直在根据一些项目，学习如何编写 web 程序。 其中，看到一段代码的时候，很是疑惑。 <form action="${pageContext.request.contextPath}/templateAction_add.action" method="post" e...
input标签的type属性汇总
俎树振的博客
09-01 6119
input标签的type属性汇总
HTML5 中的 input 元素的输入类型（type 属性的取值）
热门推荐
在到处之间找我
02-22 2万+
目录 输入类型：text 输入类型：image 输入类型：reset 输入类型：password 输入类型：submit 输入类型：radio 输入类型：checkbox 输入类型：button 输入类型：hidden 输入类型：file HTML5输入类型 输入类型：number 输入类型：date 输入类型：color 输入类型：range 输入类型：month...
input file读取图片
青阳的博客
07-24 1万+
&lt;input type="file" class="ImageInput" accept="image/*" name="imagefiles"&gt; &lt;img  src=""/&gt; 1.获取File对象 var fileinput = Document.getElementById('id'); var File = fileinput.files[
input的type属性所有参数(含css3.0)
JieChen0712的博客
05-13 6762
input的type属性所有参数(含css3.0) 这是我的第一篇博文，不知道要来写什么，刚好最近看了下css3中input的type属性，发现有很多简单实用的东西，于是就决定写这篇博文。（仅供参考，准确性有待检测！） 1. type=”button” button相信大家都不陌生的了！ <input type="button" value="这是一个类型为button" />
input type=image的作用
04-10
"input type=image" 是一种 HTML 输入元素，允许用户通过点击一张图片来提交表单数据。当用户单击图像时，表单将以与提交按钮相同的方式提交。例如，当用于提交搜索表单时，单击图像将提交搜索查询。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值