image类型的input（图片按钮）的2个隐藏属性

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

#image #input

本文介绍了一个关于image类型图片按钮的细节：使用post方式提交时，会额外附带两个隐藏参数image.x和image.y，分别记录点击图片时的坐标。
image类型的input（图片按钮）的2个隐藏属性，以前没注意，用post方式发送的时候一直没看出来，其实是提交了你点击图片按钮的那一点的坐标，如果图片按钮的名字是image，这2个隐藏的参数就是image.x，image.y，呵呵。 
【HTML+CSS】HTML ＜input＞ 元素详解：类型与常用属性
Xiaoxin的博客
07-29 3270
在HTML中，元素是最常用的表单元素之一，它允许用户输入数据。元素极其灵活，通过不同的type属性，它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时，它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。
Vue触发隐藏input file的方法实例详解
10-16
在Vue.js中，有时我们需要实现一个隐藏的`<input type="file">`元素来让用户选择文件，例如图片，而不需要显示文件选择按钮。这通常是为了美观或者与其他UI元素结合使用。以下将详细介绍三种在Vue中触发隐藏`input ...
input框添加图片按钮
02-07
为减少页面空间占用，将图片按钮放置在input输入框中，兼容火狐、谷歌和IE，图片自行替换
风尚云网学习-h5的input：type属性的image属性
你不追逐时代，时代就会反噬你，我是风尚，一个有趣的灵魂
04-21 4435
风尚云网学习-h5的input：type属性的image属性
<input type="image"> 和 <img> 用法区别
wxinpeng的专栏
06-28 500
  写一个表单提交用到图片：两种代码。 1. &lt;input type="image" src="xxx.gif" onclick="return dosubmit();"&gt;       会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！         2. &lt;img src="xxx.gif" onclick="return dosubmit();&
html input image,input type="image"
weixin_39683734的博客
06-10 1769
类型的元素"image"用于创建图形提交按钮，即提交采取图像而不是文本形式的按钮。值无 - 不应该指定值属性。活动没有。支持的通用属性所有，src，宽度，高度，形式，表单类型，表单方法，formnovalidate，格式IDL属性没有。方法没有。值元素不接受value属性。要显示的图像的路径在src属性中指定。使用图像输入所述元件是一个替换元件(元件，其内容也不会产生或受到CSS层直接管理)，在大...
input image
hong747136618的专栏
05-09 861
NPUT type=image 元素 | input type=image 对象 创建一个图像控件，该控件单击后将导致表单立即被提交。 注释 x 坐标将以控件名称后加 .x 提交，y 坐标将以空间名称后加 .y 提交。任何 value 属性都将被忽略。src 属性指定了 IMG 元素。 在 Internet Explorer 5 中支持下列图像和视频文件格式。 .a
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
10-15
要隐藏原生的`<input type="file">`按钮，可以设置其CSS的`opacity`属性为0，并通过`position: absolute;`将按钮放置在容器的绝对位置，这样它就对用户不可见了，但是仍然可以工作。此外，需要将包含`<input>`的容器...
javascript实现input file上传图片预览效果
11-23
此外，每个图片预览区域（`.imgbox`和`.imgbox1`）包含两个`<img>`元素，一个用于显示默认图片，另一个用于显示上传的图片。 CSS部分定义了这些元素的样式，如浮动、边距、宽高、边框等，以达到美观的布局效果。`....
js实现input密码框显示/隐藏功能
10-17
同时，通过`.prev()`方法将前一个`input`元素的`type`属性从`text`改回`password`，隐藏输入框中的密码字符。 4. 图标资源的加载 在`<style>`部分的CSS代码中，`background-image`属性用于指定图标资源的URL路径。...
input标签 各属性解释
热门推荐
chao430的博客
03-22 4万+
input标签最全面的type属性   (2016-08-21 23:56:07) 转载▼ 标签：  type   属性   input   分类： HTML标签 由于时间关系，在上一节中只是简单的列举了input标签中的type属性，在本节中就详细地来运用input标签中的type属性。 因为以
html input image 尺寸,HTML DOM Input Image 对象
weixin_39957312的博客
06-11 226
# HTML DOM Input Image 对象## Input Image 对象Input Image 对象是 HTML5 中的新对象。Input Image 对象表示 HTML 元素。### 访问 Input Image 对象您可以通过使用 getElementById() 来访问 元素：~~~var x = document.getElementById("myImage");~~~提...
image属性的input提交按钮
wddzz
03-19 1642
html中input属性type=image的提交按钮，再点击后自动刷新页面：解决方法：&lt;input type="image" name="tjiao" src="images/denglu_btn.png"  onclick="return false"&gt;
图片以及显示隐藏元素
yangyanqin2545的博客
04-25 253
一、图片下间隙问题解决方案： 方法一： img{vertical-align:middle;} 不改变图片本身内联块的特性 方法二： img{display:block} 将图片显示为块（改变了图片本身内联块的特点） 方法三： img父级{font-size:0} 隐患：由于字号可继承，需要重新定义其它后代元素的字号 二、图片水平居中 方法一： 作为行内块 img父级{text-align:center;} 方法二： 作为块 img{display:block;margin-left:auto;margin
Halide学习笔记--02--input image
weixin_45331269的博客
09-02 320
准备 **接上一文, 开始学习lesson_02_input_image** 问题 前面配置好了环境, 直接上手撸代码......撸着, 撸着发现问题: //问题一: 缺少头文件 #include "halide_image_io.h" //这个头是哪里的, 好像不对 ... //问题二:缺少数据 Halide::Buffer<uint8_t> input = load_image("images/rgb.png"); //这里需要数据 ~配置Halide头文件的时候添加一项: --
利用图片按钮 和 input type=\"image\" 为背景提交表单
不懂love的博客
10-25 1009
<img src="img/cancel.jpg" onclick="javascript:document.getElementByIdx_x('loginForm').reset();"/> 将图片作为背景，利用input标签也可实现图片提交按扭！         <input type="reset" style="width:72px;height:37px;background-r
input type=＂image＂
dongmei757的专栏
06-17 3232
<br />  php中如何取得image按钮传递的name值? 收藏 <br />使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的。 <br />　　我需要使用图片按钮来美化我的web，但是使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的，何必要多加一个变量呢？在bbs里贴了好几天也没人回答，
图片按钮（imageButton）
weixin_30443813的博客
05-08 825
图片按钮（imageButton） 常用属性： android：src="@drawable/download" （这里的download是一张图片的名称，通过引用该图片的名称直接将按钮和图片绑定到一起去） android：src="@drawable/buttonSelectror" （这里的buttonSelector是Drawable里面的一个xml文件，里面定义的是按钮按下，不按...
HTML：a、button、input三种标签下的图片按钮
野原新之助
11-22 2万+
简述： HTML中以下几种方式可以用来创建一个图片按钮（或是图片超链接）： a标签 button标签 input标签中的image类型 下面一一示例。 详解： 1、a标签 a标签用于生成超链接，当内嵌img图片标签时，点击对象就是该图片。 点击会跳转到指定链接。 创建格式： <a href="http:\\www.baidu.com" target="_blank"> <i...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值