1、提交:
用图像代替提交按钮:
当只有一个提交按钮的时候,可以简单地实现,不用加事件函数。
img/yi022_r3_c11.gif为你的图片地址,style为图片样式。
代码是: <input type="image" name="login" src="img/yi022_r3_c11.gif" style="width:77;height:25;align:absmiddle"/>
用图片代替所有的表单提交按钮:
代替submit按钮的图片代码格式是
<input type="image" name="..." src="..." onClick="document.formName.submit()">
注:这里的formName是表单的name属性值。
2、重置:
用图像代替重置按钮:
代码:<input type="image" src="images/chong.gif" onClick="reset" width="54" height="17">
用图片代替所有的表单重置按钮
代替reset按钮的代码图片格式是
<a href="javascript:document.formName.reset();"><img border=0 src="..."></a>
注:这里的formName是表单的name属性值。
3、提交框样式改变:
样式:style=" width:80px;height:20px; border: 1px solid #FBAF0C;"
应用:<input name="name" type="text" id="name" size="10" onmouseover="this.select()" style=" width:80px;height:20px; border: 1px solid #FBAF0C;"/>
分享到:
相关推荐
在网页设计时,使用图片来代替简单的提交和重置按钮会使网页增色不少,这里总结了一些编程实现方法,希望对网页设计爱好者有所益处。
这是一个简单的、基础的html文件,共设置了提交、检查、重置三个按钮,用来说明如何在网页上设置按钮。
点击重置按钮,提示是否确认重置表单
win10怎么重置系统?.docx
我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)...
WIN8平板电脑如何重置密码?.docx
Bootstrap按钮功能之查询按钮和重置按钮 1、问题背景 一般情况下,查询列表有查询条件、查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据;点击重置按钮会将查询条件恢复到原始状态 2、实现源码 <...
// 重置事件 $("#reset").click(function () { $("#searchContent").val(""); $("#selectKey").val(""); form.render(); }) 调用一下 form.render();即可 为什么表单不显示? 当你使用表单时,Layui会对select...
您可以像按下按钮一样使用Arduino Uno防护板的重置按钮。 数据存储在SRAM中,复位后将保留。
Win8 怎么重置IE设置?.docx
Fedora系统的管理员root密码怎么重置?.docx
VC中按钮重绘,根据BMP位图显示不同状况的按钮。
小米路由器mini重置-小米路由器重置步骤全文共1页,当前为第1页。小米路由器mini重置-小米路由器重置步骤全文共1页,当前为第1页。小米路由器mini重置_小米路由器重置步骤 小米路由器mini重置-小米路由器重置步骤...
也可以作为一个工具(至少我用来做头像了,将一个图片反复缩小就得到了合适大小的了) 此工程能够实现的功能有: ①利用Opencv在mfc控件上显示图片。 ②利用Opencv改变图片的分辨率(默认是缩小为原来一般的分辨率...
在本篇文章中我们给大家带来了Jquery和CSS实现选择框重置按钮功能的相关代码,需要的朋友们参考下。
pureClearButton是一款基于Bootstrap的非常实用的用于清空和重置input输入框内容的jQuery按钮插件。当好在输入框中输入一些内容之后,如果想清除这些内容,可以直接点击输入框右侧的小圆叉按钮即可。
实现清空按钮的简单方法。 文章:http://blog.csdn.net/yysyangyangyangshan/article/details/43344485