怎么样使用JavaScript在图片热点按钮提交表单数据?
1、首先把表单form添加一个id=form1(id可以自己随便起名字,重要的是在图片按钮使用时这个名字1被使用到),并且填写要发送到的网页名Put_in.asp(这个网页就是你准备接收本网页发送过去消息的)
如下:
<formname="form1"id="form1"method="post"action="Put_in.asp">
2、当你需要在一个按钮的热点上做连接,并且提交本页的内容到接收网页(Put_in.asp),那么在图片上先画出一个热点,然后把热点的href=""标签改写为:
<areashape="rect"coords="30,14,100,37"href="javascript:form1.submit();">
这里的(form1)就是表单的id。
3、如果你的图片不画热点也可以连接到指定的网页,并且正确的发送你需要的信息,在一个链接内部插入图片并且在图片的标签中添加onClick=""(鼠标点击事件),然后在改写成:
<ahref="#"><imgsrc="logo.jpg"onClick="javascript:form1.submit();"/></a>
就可以了。
4、下面是重置按钮的写法:
使用图片热点href="javascript:form1.reset();"
使用图片鼠标点击事件onClick="javascript:form1.reset();"
好了,这样你就可以不需要那个难看的表单按钮来做网页了。
netken
本文地址:http://www.45fan.com/dnjc/69279.html