Home > Web Front-end > HTML Tutorial > Does the HTML button tag have a hyperlink? Here is an example of a button tag setting a hyperlink

Does the HTML button tag have a hyperlink? Here is an example of a button tag setting a hyperlink

寻∝梦
Release: 2018-08-30 17:16:28
Original
4099 people have browsed it

This article mainly tells you about the method of adding hyperlinks to html button button labels, with examples and explanations. Next, let us take a look at this article about adding hyperlinks to the html button button tag

First of all, let’s see if the html button tag has a hyperlink:

Let’s see an example

<input type="button" value="注册" onclick="window.location.href=&#39;http://www.php.cn&#39;">
Copy after login

This effect is very obvious. Display a button on the web page and click it to jump to the target link. So the button tag is a hyperlink, but this is not the most common use of button tags.

Now let's take a look at the explanation of adding a hyperlink to the button tag:

If you want this page to redirect to a new page, use:

If you need to open a new page for redirection, use: Note: The above button and hyperlink are only useful for IE. If you want to use Firefox and Safari at the same time, you can use the following methods:

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
Copy after login

A hyperlink is an element that allows a web page to connect to other web pages or sites and is part of a web page. According to the different objects of use, hyperlinks can be divided into: text hyperlinks, image hyperlinks, E-mail links, anchor links, multimedia file links, empty links, etc.

The target of a hyperlink can be another web page, or a different location on the same web page, or it can be a picture, an email address, a file, or even an application, etc. The object used for hyperlinks in a web page can be a piece of text or an image. When the viewer clicks on the linked text or image, the link target will be displayed on the browser and opened or run based on the type of target.

Reference code:

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
Copy after login

Code description: The onclick event occurs when the object is clicked.

Please note that onclick is different from onmousedown. A click event occurs when a mouse down event occurs on the same element followed by a mouse up event.

window.location.href="Jump address"; means redirecting to a new page and refreshing the opened page at the same time;

HTML button button label plus hyperlink How to use:

1. Page redirect to a new page:

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
Copy after login

2. Need to open a new page for redirection:

<input type="button" onclick="window.open(&#39;连接&#39;)">
Copy after login

Since the cores of the browsers we use are different, just like the following two, their usage is also different

3.Used in IE:

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
Copy after login

4. Used in firefox:

<a href="b.html"><input type="button" name="test" value="test"/></a>
Copy after login

[Editor’s recommendation]

html Is the p tag a single tag? Introduction to the use of html p tags (with examples included)

How to create a multi-line text input box in the input form? An article teaches you how to use input tags

The above is the detailed content of Does the HTML button tag have a hyperlink? Here is an example of a button tag setting a hyperlink. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template