1.为什么用a标签制作的按钮不能跳转js页面跳转a标签和input标签的转换
工具/原料
【a标签点击不跳转怎么写】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标签之间的转换
文章插图