表单提交按钮图片形式的几种写法

最新推荐文章于 2023-01-19 14:57:17 发布

转载最新推荐文章于 2023-01-19 14:57:17 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ovliverlin/archive/2008/03/24/1120198.html

文章标签：

#php #javascript #ViewUI

本文介绍了使用HTML和JavaScript实现表单提交的不同方法，包括利用图片作为提交按钮及通过鼠标悬停改变图片状态的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单
<form name="form1" action="arrive.php">
1.单独图片代替按钮
<input type="image" name="submit" value="提交">
2.鼠标经过时图片的两种变换状态（貌似不好用）
<image src="images/a.gif" onmouseover="this.src='images/b.gif'" onmouseout="this.src='images/a.gif'"/>
3.
<script type='javascript'>
var ding_1 = new Image();
var ding_2 = new Image();
ding_1.src = "images/mouseout_queding.gif"
ding_2.src = "images/mouseover_queding.gif"

var ding_3 = new Image();
var ding_4 = new Image();
ding_3.src = "images/mouseout_fanhui.gif"
ding_4.src = "images/mouseover_fanhui.gif"
</script>

<a href="index.php" onmouseover="dingdan.src=ding_1.src" onmouseout="dingdan.src=ding_2.src" onclick="form1.submit()"><img src="images.mouseout_queding.gif"></a>

注：a href的表单提交用javascript的form1.submit实现，action别漏了。
</form>

转载于:https://www.cnblogs.com/ovliverlin/archive/2008/03/24/1120198.html