`
j2ee_zhongqi
  • 浏览: 206872 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用图片代替提交按钮

阅读更多
(1)用图片代替提交按钮submit和重置按钮reset,给图片加onclick事件

<script language="javascript">
function fsubmit(obj){
  obj.submit();
}
function freset(obj){
  obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
 姓名: <input type="text" name="textfield" />
 <img src="http://zhen.huixia.blog.163.com/blog/uploads/200707/30_145425_001.jpg" onClick="javascript:fsubmit(document.form1);">
 <img src="http://zhen.huixia.blog.163.com/blog/uploads/200707/30_145428_002.jpg" onClick="javascript:freset(document.form1);">
</form>





(2)用图片代替提交按钮submit,input image
function check(){
if(errMsg==""){
frm.action="action.jsp?";
frm.submit();
}
return false;
}



调用:
<input type="image" src="../images/btn_abc.jpg" alt="" onClick="return check();"  />

注意:只在 onClick="return check();" 这个代码中多写了个return .当然验证后.出错要返回false才不会被提交.



分享到:
评论

相关推荐

    图片做提交按钮和重置按钮编程技术

    - 使用图片代替传统按钮可能会增加页面加载时间,请合理评估图片的尺寸和格式。 总之,通过使用图片作为提交按钮和重置按钮,可以显著提升网页的设计美感和用户体验。但是,在实际应用过程中,需要注意各种细节问题...

    JS表单二级联动

    - **用图片代替提交按钮**: 通过CSS和JavaScript实现使用图片作为表单的提交按钮。 - **回车Tab切换特效**: 当用户按下Tab键时自动切换到下一个输入框,并且可以在切换时执行一些特效。 - **即时提示错误特效**: ...

    js特效,包含各种效果

    其中包含 JS+CSS实现的阴影网页时钟 JS+CSS写的实用简洁的二级下拉菜单 JS打造在网页左右两边悬浮可分组的QQ在线客服代码 JS弹性透明图片放大效果 JS日期生成器 ...用图片代替提交按钮 自动播放的幻灯片特效

    如何使用图片按钮作为重置(reset)表单按钮

    我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    下面将详细介绍如何使用JavaScript和jQuery来实现一个页面中存在多个提交按钮时的处理逻辑。 首先,我们来梳理一下实现该功能所需的知识点: 1. JavaScript事件处理机制:JavaScript中的事件处理是实现交互式网页...

    自动发帖(用IE控件提交数据)

    4. 交互元素定位:找到网页上的输入框(如标题、内容等)和提交按钮,这通常可以通过DOM(文档对象模型)属性和方法来完成。 5. 填写数据:使用VB代码将预设的信息填入相应的输入框。 6. 提交数据:模拟点击提交按钮...

    用自定义图片代替原生checkbox实现全选,删除以及提交的方法

    通过以上代码,我们可以实现用自定义图片替代原生checkbox,并实现全选、删除和提交功能。这种方法不仅提升了界面的视觉效果,还使得交互更加直观,提高了用户体验。在实际开发中,可以根据项目需求进行适当的调整和...

    ASP 的图片上传源码

    在这个文件中,开发者会设置一个文件输入字段让用户选择要上传的图片,并可能还有一个提交按钮触发上传过程。HTML表单通常会通过POST方法提交,以支持较大的文件大小。 `upload_5xsoft.inc`很可能是一个包含公用...

    js模拟点击事件实现代码

    在实际的应用中,可能需要根据页面的具体布局来决定是否使用a标签来代替提交按钮。a标签通常用于创建一个更加美观的交互元素,例如使用背景图片。 以下是HTML部分的代码示例: ```html 请单击“提交”,测试提交...

    nodejs上传图片简单例子.zip

    描述中提到的"可以直接运行bat代替用doc启动http://localhost:8888",这暗示了压缩包内可能包含一个批处理文件(.bat),用于启动Node.js服务器。当你运行这个批处理文件,它会启动一个本地服务器,你可以通过访问`...

    Python-PYQT5 制作一个登陆界面 代码用到的图片

    用图标代替文字描述,可以使界面更加简洁;动态加载图标或进度条图片则可以增加交互感,让用户知道程序正在处理他们的请求。 综上所述,利用Python的PYQT5库,结合适当的图片资源,我们可以构建出具有专业外观和...

    前端图片剪切上传支持移动端和PC端

    1. **HTML结构**:创建一个用于显示原始图片的`&lt;img&gt;`标签,一个用于预览剪切结果的`&lt;canvas&gt;`标签,以及必要的交互元素,如选择图片按钮和提交按钮。 2. **图片加载**:使用`FileReader` API读取用户选择的图片...

    毕业设计-图片分享社区

    【描述】在"毕业设计-图片分享社区"中,用户可以轻松地将个人照片上传到网站,这涉及到前端界面的设计,如文件选择器和上传按钮,以及后端处理,如文件接收、存储和响应确认。图片上传后,用户有权删除自己的图片,...

    漂亮的web登陆界面集锦

    `&lt;button&gt;`标签则用来创建提交按钮。 3. **CSS美化**:为了使登录界面看起来更吸引人,通常会用到CSS(Cascading Style Sheets)进行样式定义。CSS可以改变字体、颜色、背景、边距等视觉效果,使得输入框、按钮等...

    北大青鸟S2复习题(8) ACCP5.0

    5. 在HTML页面上包含表单,要使用图片代替提交按钮实现提交,需要在onClick事件中调用document.myForm.submit()方法。 知识点:HTML、表单提交、 JavaScript 6. 在JavaScript中,可以使用var today=new Date();...

    js 蒙版进度条(结合图片)

    总结,JavaScript结合图片的蒙版进度条效果通过监听用户交互,判断是否执行提交操作,并展示进度提示,提升了用户的操作体验。在实际应用中,我们可以根据项目需求进行优化,以适应不同的浏览器和用户需求。

    javascript网页特效实例大全

    6.14 图片代替按钮效果 150 6.15 图片的翻转效果 151 6.16 向外扩展的图片 152 6.17 鼠标悬停改变图片 153 6.18 图片模糊效果 155 6.19 图片的探照灯效果 156 6.20 跟随屏幕移动的图片 157 6.21 图片的模糊...

    初学者 html实例及讲解

    超链接是网页之间相互连接的基础,它们可以是一个单词、一段文本或是图片。通过超链接,用户可以轻松跳转到其他网页或同一网页内的不同位置。 - **基本语法**: ```html 链接文本 ``` - **示例**: ```html 访问...

    HTML input type=file文件选择表单元素.docx

    可以使用 label 元素与 file 控件关联,或者使用 CSS 来隐藏 file 元素,然后用一个好看的按钮来代替 file 元素。 七、accept 属性的作用 accept 属性可以用来指定浏览器接受的文件类型,也就是当我们打开系统的...

Global site tag (gtag.js) - Google Analytics