forum

Home / DeveloperSection / Forums / How to create a href link that will act like a button?

Ask Question

How to create a href link that will act like a button?

Gautam Ramesh 126 29-Aug-2023

How to create a href link that will act like a button?

html html input  html element 
Updated on 02-Sep-2023
Gautam Ramesh

Gautam Ramesh

Follow
I am Gautam Ramesh from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

02-Sep-2023

To create a <a> tag that will behave like a button, you can set its type attribute to button. This will tell the browser to render the link as a button, rather than as a regular hyperlink.

For example, the following code will create a link that will behave like a button:

HTML

<a href="https://www.google.com" type="button">Go to Google</a>

You can also style the button using CSS. For example, the following CSS code will style the button to have a blue background and white text:

CSS

a.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}

In this code, the a.button selector is used to select all links with the type attribute set to button. The background-color property is set to blue, the color property is set to white, the padding property is set to 10px 20px, and the border-radius property is set to 5px.

Here are some additional things to keep in mind when creating a <a> tag that will behave like a button:

  • The href attribute is still required, even though the link will not actually navigate to the specified URL.
  • The target attribute can be used to specify the target window or frame for the link.
  • The onclick attribute can be used to specify an event handler that will be triggered when the button is clicked.
MindStick Training

Liked By