如何让<input type='image'的类型不产生提交动作

最新推荐文章于 2018-02-02 17:50:19 发布
最新推荐文章于 2018-02-02 17:50:19 发布 · 185 阅读 · 0
文章标签：

#QQ #Java

本文介绍了一种简单的HTML技巧，通过设置图片元素的onclick属性为return false，可以阻止用户点击该图片。这种方法常用于网页设计中不需要图片响应点击事件的情况。
这个问题时朋友在QQ上问我的。
以前还真没有这么用过
不过试了一下 发现真的很简单 

<INPUT TYPE="image" SRC="./ibm-logo.gif" onclick="return   false;">

只要οnclick=“return false；”
就ok了~！
用image来提交form不想使用button提交form
12-13
通常，我们使用`<button>`或`<input type="submit">`标签来创建一个提交按钮，但有时为了美观，开发者可能会选择使用图像（image）作为提交按钮。本文将详细讲解如何使用图像提交表单，以及解决可能出现的重复提交...
使用type 为image的图片，但不提交form的解决办法。
weixin_33895695的博客
02-02 466
这是个小的细节，出现过两次这样的错误，特此记录下。 如下图示，如果使用如下代码： <inputtype="image"src="<%=basePath%>images/tianjia.gif"/> <inputtype="image"onclick="javascript:history.go(-1...
html 如何使input type = "image" 不提交表单
yinke11111的专栏
08-18 1719
<br />今天遇到个小问题，单击<input type='image'>的时候会伴随着页面提交。<br />在form 处,加上onsubmit="return false;"<br />如:<form name="form1" action="" method="post" onsubmit="return false;">
<!-- 示例HTML代码片段 --> <form action="https://example.com/generate-wechat-chat" method="POST"> <label for="avatar">参与者头像URL:</label><br> <input type="text" id="avatar" name="avatar"><br> <label for="nickname">昵称:</label><br> <input type="text" id="nickname" name="nickname"><br> <label for="message">消息内容:</label><br> <textarea id="message" name="message"></textarea><br> <button type="submit">生成</button> </form>在什么工具实现
05-25
<input type="number" step="0.01" placeholder="金额" required /> </div> <div class="chat-bubble to-me"> <p>添加备注（可选）：</p> <textarea placeholder="备注"></textarea> </div> <!-- 提交按钮 ...
<view class="chat"> <input type="text" class="searchbox" placeholder="有问题问AI！" @focus="fcous=true" @blur="fcous=false" v-model="inpValue"go/> <button class="search" @tap="send"> <image src="/static/chatui/左箭头.png" mode="" class="searchui"></image> </button> </view>为什么这样写当键盘弹起时点击button优先收起键盘，收起后才能跳转
最新发布
06-27
代码示例：```vue<template><div><inputv-model="inputValue"placeholder="请输入"/><button@touchstart="handleTouchStart"@click="handleClick">跳转</button></div></template><script>exportdefault{methods:{...
<div id="all"> <div id="title" style=" background-image: url(images/login_title.gif);"> <br/> <span style="font-size: 30px;font-weight: bold;color: white;">中药交易网站管理后台</span> </div> <div id="main"> <form action="method!login" method="post" id="login_form"> <table id="login"> <tr> <td>用户名：</td> <td><input type="text" name="username" id="username" size="32" style="background:url(images/username_bg.gif) left no-repeat #FFF; border:1px #ccc solid;height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" /></td> </tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr> <td>密码：</td> <td><input type="password" name="password" id="password" size="32" style="background:url(images/password_bg.gif) left no-repeat #FFF; border: 1px #ccc solid; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" /></td> </tr> <tr> <td></td> <td style="text-align: left; padding-top: 32px;"> <input type="image" src="images/login.gif" name="submit" onclick="javascript:document.getElementById('login_form').submit();" />    <a href="../">返回首页</a> </td> </tr> 解释代码
06-09
- `<input>`元素用于创建表单中的输入框，type属性指定输入框类型，name属性指定输入框的名称，id属性指定元素的ID，size属性指定输入框的宽度和字符数，style属性指定输入框的样式，其中background属性用于指定...
form表单的提交(type="image" src="")
FutureFlyme的博客
11-14 5885
下午看了一下代码,是一个关于用户注册的例子,但是怎么也找不到提交函数,既没有type=”button”,也没有type=”submit” 第一种<form action="#" method="get" onsubmit="return checkForm();"> <table align="center"> <tr> <td>姓名：</td>
image类型的input（图片按钮）的2个隐藏属性
topso的专栏
07-13 3842
image类型的input（图片按钮）的2个隐藏属性，以前没注意，用post方式发送的时候一直没看出来，其实是提交了你点击图片按钮的那一点的坐标，如果图片按钮的名字是image，这2个隐藏的参数就是image.x，image.y，呵呵。 
提交表单中input image和img区别
fjun0910的专栏
01-10 1201
<br />利用图片提交表单有两种方式： 1.<input type="image" src=http://www.zxbc.cn/html/20081031/"xxx.gif" onclick="return dosubmit();"><br />  用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！<br /><br />  原因：：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交”。<br /><br />（心得！我今天也遇
<input type="image"标签引发的页面提交！
zwj1030711290的优快云
12-24 2075
最近遇到了一个问题，通过OPEN方式打开后一个窗口又关闭后，调用窗体总是自动提交。   调了半天代码，试了几种情况，发现竟然是   主要原因是使用了   解决方法： 1、不使用 2、在onclick 事件中添加一段“;return false;”的脚本，如下：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值