CODEWITHSUNDEEP
htmlcssbuttoninput
Pieter
Pieter

Reputation: 32775

Making input buttons act like <a>'s without JavaScript

I know that I can assign an onclick action to <input type="button"-style buttons. But is it possible to let it behave like an <a> without using JavaScript? I ask because I'm in a situation where technically I'm better off using <a>'s, but buttons look nicer.

Upvotes: 1

Views: 2016

Answers (4)

jaoski
jaoski

Reputation: 1

I think you could use css to design your links as buttons. You could use bootstrap , pure or other frontend frameworks you are familiar with because they are more easy to use and you just have to tag their class to an html object to inherit its css designs.

Upvotes: 0

dnozay
dnozay

Reputation: 24324

Some CSS libraries such as Twitter Bootstrap make this very easy.

There is an example (named "One class, multiple tags" quoted below) where you can apply a .btn class to <a>, <button> and <input> tags.

<a class="btn" href="somelink">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

Upvotes: 0

Quentin
Quentin

Reputation: 943832

While styling with CSS as Justin suggests is probably the better approach, the literal answer to your question is:

<form action="where-you-want-to-go.html">
    <input type="submit" value="Hello">
</form>

Upvotes: 3

Justin Ethier
Justin Ethier

Reputation: 134207

You could just use CSS to make your links look like buttons.

For example: How to make sexy buttons with CSS

Upvotes: 5

Related Questions