html 用图片代替重置按钮

最新推荐文章于 2023-05-21 19:43:16 发布

unflynaomi

最新推荐文章于 2023-05-21 19:43:16 发布

阅读量5.1k

点赞数

分类专栏： oracle12305开发记录文章标签： html css javascript

本文链接：https://blog.csdn.net/unflynaomi/article/details/41528835

版权

oracle12305开发记录专栏收录该内容

11 篇文章 0 订阅

订阅专栏

提交时，若把按钮设置成图片提交特别方便只要 <input type="image" alt="点此提交" src="images/button.png" width=40 height=50>即可，但是重置能不能是图片样子呢？

大家别再试这种javascript的方式了没有用的，无论怎么return false点击图片进行重试后，依旧是会执行提交操作，

我用设置css样式解决了 jsp代码如下

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>My JSP 'tagnot.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
#bimg
{
background:url(images/buttonreset.jpg) -60px -40px;
width:125px;
height:30px;
border:none;
font-weight:bold;
color:black;
}
</style>
</head>

<body>
<form method="GET" action="">
<input type="text" name="mae" value="wca">
<input id="bimg" type="reset" value="重置" >
</form>
</body>
</html>