html中的<button></button>创建的按钮如何实现点击跳...

html中的<button></button>创建的按钮如何实现点击跳转链接？

具体是这样：<div class="tx1"> <button>我是按钮</button></div>在网上查了大部分都是<input type="button"/>然后用onclick实现，，，不过我试了几种都不能跳，，，求问如何实现跳转链接呢？

查看完整描述

10 回答

Summer2016cc

TA贡献1条经验获得超1个赞

使用 a 标签添加连接

1 反对回复 2016-04-18

拿不到钥匙的车放不进手机的歌

TA贡献71条经验获得超29个赞

额自己试了一下<button><a href="xxx">我是按钮</a></button> 这样子貌似可以，只是有下划线，请问各位大神是否有什么弊端？还是去掉下划线就好了？

1 反对回复 2016-04-18

米卡斯
为啥要把a标签放在里面，再说，你在a标签那里添加链接就可以，地下出现下划线写上text-decoration：none就可以了

回复 2016-04-18
旧丶爱人
楼上说的很对，给a标签加一个style="text-decoration：none" 下滑就没了

回复 2016-04-19
炜烨鸿图
我觉得吧，你没必要非要用button,可以直接用a标签来模拟button。设置a标签的样式为,display:inline-block; border:1px solid blue;然后设置宽高,再加一个href属性就可以实现你的想法。实现一个网站的页面不是完全依靠html的。比方说Asp.net中还可以使用linkbutton和button来实现页面跳转，并且声明一个linkbutton比起自己用a标签模拟button要方便得多

回复 2016-04-20