链接按钮

原创 2006年06月14日 21:16:00
在设计网站的时,我们可能会想把链接做成按钮的样子,按钮做成链接的样子。下面说一下我的方法。
1、按钮做成链接(图片)的样子
提交按钮<input type="submit" value="提交">
提交链接<a href="#" onclick="表单名字.submit()">提交</a>

重置按钮<input type="reset" value="重置">
重置链接<a href="#" onclick="表单名字.reset()">重置</a>

普通按钮<input type="button" value="按钮" onclick="函数()">
普通链接<a href="#" onclick="函数()">链接</a>

至于图片也一样把a标签换成img

2、链接做成按钮的样子
<a href="reg.asp">注册</a>
=><input type="button" value="注册" onclick="location.href='reg.asp'">

-----------------------------------
有的时候我们完全可以手工做一个get方式的表单,至于用按钮还是链接随心所欲。
<form action="xx.asp" method="get" name="form1">
<input name="aa" type="text" id="aa">
<input name="bb" type="text" id="bb">
<input type="submit" name="Submit" value="提交">
</form>
=>
<input name="aa" type="text" id="aa">
<input name="bb" type="text" id="bb">
<input type="button" value="按钮" onclick="location.href='xx.asp?aa='+document.all['aa'].value+'&bb='+document.all['bb'].value">
-----------------------------------
进一步说我们还可以做一个按钮(链接)来同时传递js变量,表单input的值,asp变量,Recordset值
<script language="javascript">
var id1=1;
</script>
<%
id3=3
....
rs.open exec,conn,1,1
假设有rs("id4")=4
...
%>
<input name="id2" type="text" id="id2" value="2">
<input type="button" value="按钮"
onclick="location.href='xx.asp?id1='+id1+'&id2='+document.all['id2'].value+'&id3=<%=id3%>&id4=<%=rs("id4")%>'">
我们按下按钮会看到浏览器的url是xx.asp?id1=1&id2=2&id3=3&id4=4

相关文章推荐

网页链接或按钮响应jBox信息框

  • 2013年06月23日 16:11
  • 1022KB
  • 下载

网页点击部分按钮和链接没有反应,javasript失效

网页点击部分按钮和链接没有反应,javasript失效。 转 http://winsystem.ctocio.com.cn/188/11574688.shtml   本文向大家描述一下IE J...
  • qshpeng
  • qshpeng
  • 2013年01月09日 19:09
  • 9105

按钮链接说明&amp;nbsp;

  • 2002年10月14日 00:00
  • 10KB
  • 下载

js 实现 按钮链接

  • 2010年03月31日 11:25
  • 368B
  • 下载

用按钮实现链接

很多windows软件的版权对话框中都设有超级链接,这些链接或提供公司网址,或提供电子邮件信箱,使操作者能够非常方便地与公司和作者联系,同时也为公司作了很好的宣传。如果能在自己写的软件中实现这个功能,...

HTML代码,按钮做超链接

  • 2010年12月23日 15:16
  • 248B
  • 下载

链接当按钮使用问题

1.链接当按钮使用问题 当我们把链接当做按钮使用的时候,比如这样:+  千万注意了!如果这样写的话,当你点击这个链接的时候,会发送两个请求到后台去,一个是onclick触发的处理函数发送一个AJAX...

js 特效 html 特效 链接确认按钮

  • 2011年08月20日 21:24
  • 7KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:链接按钮
举报原因:
原因补充:

(最多只允许输入30个字)