jsp<input type="image" ...>和<img ...>的区别

最新推荐文章于 2022-04-21 16:27:41 发布
最新推荐文章于 2022-04-21 16:27:41 发布
阅读量667 收藏
点赞数
分类专栏： j2ee 文章标签： image input jsp javascript 浏览器 脚本

<input type="image" src="" οnclick="...">

当该标签在<form></form>中时，在浏览器中点击显示的图片后，效果等同于submit，即表单提交，但用该标签显示的图片，图片名称中可包含中文字符。

<img src="" οnclick="...">

使用该标签时，以包含中文字符命名的图片不能正常显示。但可在图片上设置点击图片后的效果，如页面跳转或打开页面，window.open("....jsp");也可编写javascript脚本，设置点击后的动作效果。

Arel大虾
关注
专栏目录
vue入门
Skinuy的博客
08-16 133
vue快速入门 (参照小黑的博客：Vue快速入门) https://blog.csdn.net/qq_28244771/article/details/106818026 vue入门案例（api接口） vue安装 参照官方的提供Vue安装，这里使用本地引用的方式 <script src="static/vue.js"></script> <!--引用vue.js（使用自己vue.js存放的路径）--> 简单演示 <div id="app"> <
input type=image
xidajiancun
07-20 551
&lt;form action="xx.htm"&gt; &lt;input type = "text" name="" value="aaa"/&gt; &lt;input type="image" src="xxx.jpg" onclick="submitFrm();"&gt; &lt;/form&
<input type="image"> 和 <img> 用法区别
wxinpeng的专栏
06-28 434
  写一个表单提交用到图片：两种代码。 1. &lt;input type="image" src="xxx.gif" onclick="return dosubmit();"&gt;       会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！         2. &lt;img src="xxx.gif" onclick="return dosubmit();&
input type=＂image＂
dongmei757的专栏
06-17 3145
<br />  php中如何取得image按钮传递的name值? 收藏 <br />使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的。 <br />　　我需要使用图片按钮来美化我的web，但是使用连接的传递方式会在浏览栏里面出现变量值，这样看上去不舒服，如果使用hidden来提交呢，又觉得没有必要，因为既然image有name属性，就应该能取到的，何必要多加一个变量呢？在bbs里贴了好几天也没人回答，
<input type="image"标签引发的页面提交！
zwj1030711290的CSDN
12-24 1988
最近遇到了一个问题，通过OPEN方式打开后一个窗口又关闭后，调用窗体总是自动提交。   调了半天代码，试了几种情况，发现竟然是   主要原因是使用了   解决方法： 1、不使用 2、在onclick 事件中添加一段“;return false;”的脚本，如下：
html input type image,<input type="image">
weixin_39557402的博客
06-17 2666
elements of type image are used to create graphical submit buttons, i.e. submit buttons that take the form of an image rather than text.None — the value attribute should not be specified.EventsNone.I...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>1-用户登录</title> <style type="text/css"> a{text-decoration:none} body{ background-image:url(../img/longmao.webp); background-size: cover; height: 100vh; } h3{ color:#FFF; font-size:30px; } td{ color:#FFF; font-size:20px; } .ps{ padding-top:0px; } </style> <script type="text/javascript"> function refreshVerifyCode() { // 刷新验证码 var verifyCodeImage = document.getElementById("verify_codeImage"); verifyCodeImage.src = "../VerifyCodeServlet?" + Math.random(); } function register() { window.location.href = "register.jsp"; } </script> </head> <body > <h3>新闻发布系统>>用户管理>>登录</h3><hr color="#FFF"> <div class="ps"> <form action="../LoginSerlvet" method="post" name="frm_login"> <table align="center"> <tr> <td>用户名：</td> <td> <input type="text" name="userName"value="张凯"> </td> </tr> <tr> <td>密码：</td> <td> <input type="password" name="userPassword" value="1111"> </td> </tr> <tr> <td>验证码：</td> <td> <input type="text" name="verifyCode" value=""> <img src="../VerifyCodeServlet?t=<%=System.currentTimeMillis()%>" id="checkcode" onclick="this.src='../VerifyCodeServlet?t='+new Date().getTime()"/> </td> </tr> <tr> <td height="50" colspan="2" align="center"> <input type="submit" name="ok" value="提交"> <input type="reset" name="cancel" value="取消"> <input type="button" onclick="register();" value="注册"> </td> </tr> </table> </form> </div> </body> </html>加一个3.Ajax异步验证。登录时账号输完马上显示账号重复了。
最新发布
06-08
<input type="text" name="userName" id="username" value="张凯" onblur="checkUsername()"> <span id="username_message"></span> </td> </tr> ``` 最后，在服务器端编写一个 CheckUsernameServlet，用于接收...
jsp新闻发布系统
10-24
<div align="center"><strong><font face="华文楷体"><a href="messagelist.jsp" target="_blank" class="STYLE21">游客留言板</a></font></strong></div></td> </tr> <tr> <td width="56" height="18" bgcolor=...
<tr><td>商品Id:</td><td><input type="text" name="pid" placeholder="商品ID可以不输入"></td> 前端输入商品ID后通过数据库product表精确查询，将查询到的商品id、商品图片、商品价格展示在前端jsp页面的代码
06-08
<p>商品图片：<img src="${product.image}" alt="商品图片"></p> <p>商品价格：${product.price}</p> </c:if> </body> </html> ``` 需要注意的是，以上示例中使用的是MySQL数据库和JSTL标签库，具体实现可能会...
用image来提交form不想使用button提交form.docx
11-24
您可以通过将`<input type="image">`标签作为提交按钮来实现。例如： ```html <form action="submit.php" method="post"> <!-- 表单内容 --> <input type="image" src="submit_button.png" alt="Submit" name=...
jsp中img显示本地图片
weixin_30752377的博客
06-22 706
在web应用中是不能访问本地文件De，可以把要引用的文件移到项目中，通过相对路径获取。有时候我们就是需要访问本地文件，那么我们可以通过流的形式传入。例如： 在showPic.jsp中：<body> <img align="top" src="<%=request.getContextPath()%>/viewListener/viewWareCamera/pi...
<input type="image">图片按钮具有提交功能
weixin_30814329的博客
04-06 1784
直接使用<input type="image">即可，此标签放置在<form>标签内就具有提交功能，如果不在<form>标签内，则可以使用<input type="image" onClick = "formName.submit()">方式提交。<input type="image">说明：INPUT type=image 元素 | i...
风尚云网学习-h5的input：type属性的image属性
04-21 4330
风尚云网学习-h5的input：type属性的image属性
input type="image" 和 img 用法区别
李建迎的专栏
10-30 8500
和 用法区别利用图片提交表单有两种方式：1. type="image" src="xxx.gif" onclick="return dosubmit();">  用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！原因：：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交”。2. src="xxx
JSP中<img>标签引用本地图片
weixin_34192816的博客
12-27 1881
问题描述： 　　jsp页面中&lt;img&gt;标签如何读取本地文件夹中的图片。 问题起因： 　　由于上传图片至本地文件夹中，图片路径为： D:/upload/file/image/img.jpg 　　所以将这个绝对路径存入数据库，再取出，&lt;img&gt;标签引入不了本地文件。 解决思路： 　　1.截取绝对路径存入数据： file/image/img.jpg 　　2.config....
JSP图片的读写操作
大旭（.daxu）
09-27 2080
第一步：建立数据库：create table test_img(id number(4),name varchar(20),img long raw); 第二步：图片上传单元(NewImg.html) html>head>title>添加图片title>head> body> 添加图片br/> form method="post" action="insertNews.js
[Java基础]Jsp页面图片img标签使用绝对路径进行显示
热门推荐
YuanMxy'Home
11-27 1万+
最近在做一个商城系统,用来巩固自己所需学的java知识,中间遇到了一个很简单但有由于自身基础不牢导致的图片绝对路径显示的问题,特整理. 如果在jsp中,直接用<img src="D:/pt/1.jpg" />这样引入绝对路径的图片时,是找不到此图片的,因为他是找自身工程的路径,也就是我这个工程名字叫 MyGoodsShop,他所解析的路径为<img src="http://lo...
jsp中图片显示
学而不思则罔 思而不学则殆
08-14 811
图片显示img url="" 当后台传过来的url为
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值