input type="image“ input type="submit" 区别

最新推荐文章于 2017-09-06 08:05:32 发布
最新推荐文章于 2017-09-06 08:05:32 发布
阅读量218 收藏 1
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yelb_ianylb/article/details/83808796
版权
input type="image“ input type="submit" 区别

input type="submit"是提交表格按钮，使用系统默认的风格，input type="image"也能提交表单，但使用用户指定的图片来作为按钮风格。


运行以下代码就可以知道效果
<HTML>
<BODY>
<FORM ID="" NAME="" METHOD=POST ACTION="./a.html" οnsubmit="alert('提交表单');">
<INPUT ID="text" NAME="" TYPE="text">
<input type=image name=point src="./images/1.gif" hideFocus="true">
</FORM>
</BODY>
</HTML>
yelb_ianylb
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5 input新增type属性color颜色拾取器的实例代码
09-22
`<input>`元素的`type`属性还有其他多种值，每种都有特定的用途： - `button`：创建一个可点击的按钮，通常与JavaScript一起使用来执行脚本。 - `checkbox`：定义一个复选框，用户可以选择或取消选择。 - `date`：...
HTML标签新特性之input标签type属性值大全
01-08
7. **隐藏提交按钮** (`type="submit"`，但设置CSS使其不可见)：通常用于提交表单数据，但在某些情况下可能需要隐藏，如在页面加载时自动提交。 8. **图像选择器** (`type="image"`)：将提交按钮变为一个图像，用户...
type=image和type=submit的区别
phiberg的专栏
08-27 8738
相信大家都是用过type=image来作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。不过唯一的区别就是type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，所以即使多了两个参数也不会有任何问题。 但是在做支
表单提交type="submit"&&type="image"的区别
lwf的博客
09-06 4456
type=”submit”&&type=”image”的区别:  我们知道type=image可以作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。 唯一的区别：type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。   对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，
input type=＂image＂
dongmei757的专栏
06-17 3137
<br />  php中如何取得image按钮传递的name值? 收藏 <br />使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的。 <br />　　我需要使用图片按钮来美化我的web，但是使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的，何必要多加一个变量呢？在bbs里贴了好几天也没人回答，
<input type="image">标签引发的form表单自动提交
Tiakon的博客
07-05 5787
<input type="image">标签引发的form表单自动提交问题今天遇到一个问题，在form表单中使用了两个<input type="image">标签，form表单会自动提交： <form id="addNode" action="a.jsp" method="get">     <div id="tButtonArea">         <input id="button1" sr
<input type="image"标签引发的页面提交！
zwj1030711290的CSDN
12-24 1970
最近遇到了一个问题，通过OPEN方式打开后一个窗口又关闭后，调用窗体总是自动提交。   调了半天代码，试了几种情况，发现竟然是   主要原因是使用了   解决方法： 1、不使用 2、在onclick 事件中添加一段“;return false;”的脚本，如下：
HTML5&CSS3网页制作：Input元素的type属性.pptx
05-31
- 示例：`<input type="image" src="images/login.gif" />` 9. **隐藏域（hidden）** - 描述：用户不可见，用于存储后台程序需要的数据。 - 语法：`<input type="hidden" />` 10. **文件域（file）** - 描述：...
HTML5新增的8类INPUT输入类型介绍
12-13
input type=”submit”>可单击按钮 <input type=”button”>图像按钮 <input type=”image”>隐藏域 <input type=”hidden”>重置按钮 <input type=”reset”>文件域 <input type=”...
input标签里面的name与value的区别
09-28
type属性的可选值包括button、checkbox、file、hidden、image、password、radio、reset、submit、text等，其中text是最常用的，例如：<input type="text" name="seq" value="" id="seq001" />。 input标签的name、...
type=”image”和type=”submit”的区别
mezheng的专栏
06-24 864
最近发现有些网站使用input的type=”image”来作为提交表单的图片按钮。 我并不推荐这样做。 虽然type=”image”和type=”submit”都可以相应回车，并且都能提交。 不过type=”image”的input会提交点击坐标x,y。事实上这个type的发明并不是用在做提交按钮上的，他独特的作用是获取图片上的点击坐标，并且提交。 另外他和type=”submit”是一样
<input type="image"> 和 <img> 用法区别
wxinpeng的专栏
06-28 429
  写一个表单提交用到图片：两种代码。 1. &lt;input type="image" src="xxx.gif" onclick="return dosubmit();"&gt;       会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！         2. &lt;img src="xxx.gif" onclick="return dosubmit();&
<input type="image">图片按钮具有提交功能
weixin_30814329的博客
04-06 1766
直接使用<input type="image">即可，此标签放置在<form>标签内就具有提交功能，如果不在<form>标签内，则可以使用<input type="image" onClick = "formName.submit()">方式提交。<input type="image">说明：INPUT type=image 元素 | i...
input type="image" 和 img 用法区别
李建迎的专栏
10-30 8477
和 用法区别利用图片提交表单有两种方式：1. type="image" src="xxx.gif" onclick="return dosubmit();">  用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！原因：：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交”。2. src="xxx
html提交表单中input image和img
飞雁阁
02-29 1577
1.&lt;input type="image" src="xxx.gif" &gt; 此图片会自动对Form表单进行提交，即为type="submit" 若提交前要进行判断、检验则用 &lt;input type="image" src="xxx.gif" onclick="return dosubmit();"&gt;    但是用这种方式提交会发生表单
<input type="image" ...>和<img>的区别
u011365716的博客
06-16 2363
&lt;input type="image" src="" onclick="..."&gt; 1、当该标签在&lt;form&gt;&lt;/form&gt;中时，在浏览器中点击显示的图片后，效果等同于submit，即表单提交，故onclick事件不用submit,否则会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ 2、但用该标签显示的图片，图片名称中可包含中文..
<form action="shopinsert.jsp" method="post"> 商品编号：<input type="text" name="id" placeholder="选填"/> 商品名称：<input type="text" name="name" /><br> 商品价格：<input type="text" name="price" /> 所属店铺：<input type="text" name="detail" /><br> 详细信息：<input type="text" name="info" /><br><br> <input type="submit" value="添加" />如何在这段代码中添加管理员添加图片的功能
最新发布
06-01
<input type="submit" value="添加" /> ``` 在这里，我们添加了`enctype="multipart/form-data"`属性，以便能够上传文件。`<input type="file" name="image">`标签将创建一个文件上传字段，其中`name`属性为`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值