介绍:用图片代替submit和reset按钮,经常用到。
演示:
[Ctrl+A全选 提示:你可先修改部分代码,再按运行]
下面教你如何应用此特效:
--------------------------------------------------------------------------------------
需要在<body
这里>加入的代码:
--------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<table>
<FORM name=form1 action=redirect.asp method=post>
<tr>
<td width="32%" height=29>
<div align=right><FONT color=#cc6600>用户名:</FONT></div></td>
<td width="68%" height=29>
<Input onmouseover=this.focus() style="BORDER-RIGHT: #cc6600 1px solid; BORDER-TOP: #cc6600 1px solid; BORDER-LEFT: #cc6600 1px solid; BORDER-BOTTOM: #cc6600 1px solid" size=15 name=yhmc onfocus="this.select()"> </td>
</tr>
<tr>
<td width="32%" height=27>
<div align=right><FONT color=#cc6600>密 码:</FONT></div></td>
<td width="68%" height=27>
<Input onmouseover=this.focus() style="BORDER-RIGHT: #cc6600 1px solid; BORDER-TOP: #cc6600 1px solid; BORDER-LEFT: #cc6600 1px solid; BORDER-BOTTOM: #cc6600 1px solid" onfocus=this.select() size=15 name=yhmm> </td>
</tr>
<tr>
<td colSpan=2>
<div align=center>
<Input type=image height=21 width=55 src="/texiao/zzsc_demo/20070614015514198.gif" border=0 name=imageField> <IMG style="CURSOR: hand" onclick=document.forms.form1.reset(); src="/texiao/zzsc_demo/20070614015514610.gif"> </div></td>
</tr>
</FORM>
</table>