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

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

    6.页面中展示的效果如图

  • 07

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

  • 08

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

  • 09

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

(0)

相关推荐

  • jsp页面跳转标签 forward标签详解

    jsp页面跳转标签 forward标签详解 操作方法 01 1.新建两个JSP页面 02 2.在a.jsp页面中输入如下代码: 03 3.在b.jsp页面中输入如下代码 04 4.访问a.jsp页面, ...

  • js怎么跳转页面?

    js可以轻松的实现网页的跳转,平时我们在访问某一网站时却被跳转到了另一个网站上,这其中的跳转方法可以有很多种,现在给大家分享一下js实现页面跳转的方法. 一.js直接跳转.实现代码如下: 也可用sel ...

  • 如何实现jsp本页面跳转

    如何实现Jsp本页面的跳转?这是Java初学者容易发出的一个疑问,Jsp的全称为Java Servlet Pages,可以说这本质上还是java的Servlet.只不过结合了网页Html. Jsp既能 ...

  • Javascript实现页面跳转的几种方式

    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标 ...

  • [javascript技术]JavaScript常用页面跳转

    操作方法 01 javascript页面跳转常用代码按钮式: <INPUT name="pclog" type="button" value=" ...

  • PHP页面跳转几种实现技巧

    PHP页面跳转几种实现技巧 操作方法 01 PHP页面跳转一.header()函数 header()函数是PHP中进行页面跳转的一种十分简单的方法.header()函数的主要功能是将HTTP协议标头( ...

  • 微交互:移动端APP页面跳转方式分析

    微交互这个概念我们经常提及,是指以反映系统状态或者帮助用户防错的方式给予用户反馈.因此页面跳转方式也属于微交互的范畴.开始正文之前,请大家站在开发的角度,先了解一个基础概念:移动端开发目前会有两种常用 ...

  • 【平面设计必备】ih5中的页面跳转和链接

    用ih5制作HTML5过程中,我们经常需要页面跳转或者网页载入,增加HTML5的互动性.于是乎制作页面跳转和链接成为了许多平面设计师的首选.今天,变幻的不等式就跟各位迷友们聊聊,如何在ih5中制作页面 ...

  • JSP页面跳转的五种方法

    JSP页面跳转的方法是什么?这是很多很多朋友们都不太了解的,下面就让我来为大家介绍一下.这些是我平时总结出来的,希望能够对大家有所帮助. 操作方法 01 RequestDispatcher.forwa ...