45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:怎么样使用JavaScript在图片热点按钮提交表单数据?

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

2016-08-29 09:50:00 来源:www.45fan.com 【

怎么样使用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=""(鼠标点击事件),然后在改写成:

怎么样使用JavaScript在图片热点按钮提交表单数据?<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
Tags: JavaScript 图片 热点
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部