html a标签点不到,html点击a标签不跳转页面

1.为什么用a标签制作的按钮不能跳转

js页面跳转a标签和input标签的转换

工具/原料

Dreamweaver 8

方法/步骤

1.通常页面间的链接都是 html 的a标记超链接

2.它在页面中展示的就是一个普通的html 超链接的方式，点击它就跳转到对应的链接页面

3.现在给a标签加上个样式

4.现在页面展示的效果是这个样子的，有点像按钮的样子

5.通常来说，美工把按钮做成这个样子就可以了，本质上是个a标签，但是通过CSS控制，让他看起来像个按钮的样子，但是有的美工不太喜欢使用a标签，而是使用Input标签

6.页面中展示的效果

7.那现在问题来了，你从表面上是无法区分这两个蓝块，哪个是a标签，哪个是Input标签的，而美工也经常混用这两种方式，给开发人员带来了一个问题就是a标签的链接如何放到input标签中？

8.就像现在这个例子，我要把点击第二个按钮的效果也是跟上边一个一样，怎么办？看如下代码

9.在页面中浏览下，分别点击两个按钮，现在两个按钮的实现效果是一样的。这就方便了开发人员在嵌套页面的时候a标签和input标签之间的转换

转载请注明出处育才学习网 » html点击a标签不跳转页面