使用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