配色: 字号:
图片变按钮
2017-06-18 | 阅:  转:  |  分享 
  
网页中图片作为按钮有时候为了达到比较好的视觉效果,有人会使用图片代替按钮来提交或者重置表单数据。由于需要,参考别人的内容收集整理了一些用图片
作为提交按钮的知识,如下:1.textfield2">align=absMiddleborder=0name=RedImgonclick="this.form.submit()"
>leborder=0name=RedImg3onclick="this.form.reset()">代替sub
mit按钮的图片代码格式是"document.formName.submit()">代替reset按钮的代码图片格式是.csdn.net/base/javascriptJavaScript:document.formName.reset();"><
imgborder=0src="...">或"..."onclick="document.formName.reset();returnfalse">2.me="loginForm"action="xxx"method="post">ype="image"src="xxxx.gif"/>="..."onClick="document.formName.reset();returnfalse">如果
需要在提交表单之前验证数据可以考虑在form标签的onsubmit事件加上http://lib.csdn.net/base/jav
ascriptjavascript?验证函数如onsubmit="checkForm()"3.me"action="xxxx">=19width=53src="xxx.gif"align=absMiddleborder=0name=RedImgo
nclick="formName.action=''link.jsp''">通过oncick="document.for
m.submit()"来提交表单;用onclick="document.form.reset()"来复位表单,这样一来,任何一个元
素(不仅是图片)都可以实现提交表单了。在这样的情况下,还可以自定义图片的长度和宽度等。shape属性与?http://www.w
3school.com.cn/tags/att_area_coords.aspcoords属性配合,可以规定区域的尺寸、形状和位
置。详细解释:shape属性用于定义图像映射中对鼠标敏感的区域的形状:圆形(circ或circle)多边形(poly或p
olygon)矩形(rect或rectangle)shape属性的值会影响浏览器对coords属性的解释。如果未使用s
hape属性,那么会假设使用值default。依照标准,default意味着该区域覆盖整个图像。在实际中,浏览器默认使用矩形
区域,并期望能找到4个coords值。如果没有指定形状,而且在标签中也没有包括4个坐标,那么浏览器会忽略整个区域。可以
识别shape属性的default值的浏览器,可以提供一个包括全部热点的区域,以用于在超过其他热点定义的范围之外单击的情况
。由于区域在标签中是采用“先来先得”的顺序,所有必须将默认区域放置在后面。否则,默认区域会覆盖其他的图像映射中出现的
所有区域。浏览器在形状名称的实现方面没有严格要求。例如,对于矩形,Netscape4不能识别"rectangle",却能识别
"rect"。出于这个原因,我们建议使用缩写的名称。usemap是IMG的属性,可以定义usemap是标签的一个属性,
用作指明所使用的图像地图名。后面的#Map348的http://www.so.com/s?q=Map&ie=utf-8&src=
wenda_linkMap就是用标签定义的一个图像地图,它的name属性是Map,像下面这样定义:"Map348">ml">...使用时:图像地图把一幅图像分成若干个区域,点击不同的区域会进入不同的页面。
献花(0)
+1
(本文系Ronny8410首藏)