html 用图片代替重置按钮
来源:互联网 发布:php 统计ip访问量 编辑:程序博客网 时间:2024/06/05 02:26
提交时,若把按钮设置成图片提交特别方便只要 <input type="image" alt="点此提交" src="images/button.png" width=40 height=50>即可,但是重置能不能是图片样子呢?
<input type="image" src="reset.gif" onclick="javascript:document.forms['testForm_2'].reset(); returnfalse;">
大家别再试这种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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<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>
效果如图
亲测好使,再也不会提交了,有木有,别的按钮也可以这样
- html 用图片代替重置按钮
- 图片代替提交和重置按钮
- 用图片代替表单的提交按钮submit和重置按钮reset
- 用图片代替表单的提交按钮submit和重置按钮reset
- 用图片代替表单的提交按钮submit和重置按钮reset
- 用图片代替button中的提交按钮submit和重置按钮reset
- 用图片代替登陆按钮
- 图片代替表单中的提交按钮submit和重置按钮reset
- 用图片代替表单提交按钮
- php用图片代替submit按钮
- 图片代替按钮脚本
- 图片代替按钮
- 用图片按钮来实现表单的重置按钮
- 图片实现 提交/重置 按钮
- 图片做提交按钮和重置按钮
- 图片做提交按钮和重置按钮
- HTML:关于form表单的重置按钮
- 怎么让图片按钮点击重置
- C++ 字符处理函数
- XX杯, 再见!
- [LeetCode] Insertion Sort List
- 添加eclipse、MyEclipse、Spring Tool Suite的反编译插件
- html 用图片代替重置按钮
- ASP.NET中如何实现负载均衡
- Oracle 存储过程 使用示例
- cagi 编译redis
- Go基本配置(2)
- 树学习 ---------字典树(Trie Tree)
- Finder 显示隐藏文件和文件夹
- MongoDB安装
- Go配置pipeline(3)