使用JavaScript在图片热点按钮提交表单数据

 

1、首先把表单form添加一个id=form1(id可以自己随便起名字，重要的是在图片按钮使用时这个名字1被使用到)，并且填写要发送到的网页名Put_in.asp(这个网页就是你准备接收本网页发送过去消息的)
如下：

<form name="form1" id="form1" method="post" action="Put_in.asp">

 

2、当你需要在一个按钮的热点上做连接，并且提交本页的内容到接收网页(Put_in.asp)，那么在图片上先画出一个热点，然后把热点的href=""标签改写为：

<area shape="rect" coords="30,14,100,37" href="javascript:form1.submit();">

这里的(form1)就是表单的id。

3、如果你的图片不画热点也可以连接到指定的网页，并且正确的发送你需要的信息，在一个链接内部插入图片并且在图片的标签中添加onClick=""(鼠标点击事件)，然后在改写成：

<a href="#"><img src="logo.jpg" onClick="javascript:form1.submit();" /></a>

就可以了。

4、下面是重置按钮的写法：
   使用图片热点 href="javascript:form1.reset();"
   使用图片鼠标点击事件 onClick="javascript:form1.reset();"

好了，这样你就可以不需要那个难看的表单按钮来做网页了。 

netken