CSS Input Submit Link

css input submit link

<style type="text/css">
form input[type="submit"]{

    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
</style>

Is this not what you're looking for?

The other option, as already noted, is to use javascript to submit the form onclick of a anchor element:

<a href="#" onclick="document.review.submit()">submit</a>

with your form having an attribute: name="review"

How to make a submit button display as a link?

Copied from this link you can make your button look like a link -

.submitLink {  background-color: transparent;  text-decoration: underline;  border: none;  color: blue;  cursor: pointer;}submitLink:focus {  outline: none;}

<input type="submit" class="submitLink" value="Submit">

Use a normal link to submit a form

Two ways. Either create a button and style it so it looks like a link with css, or create a link and use onclick="this.closest('form').submit();return false;".

HTML link on input button

you can put link on input buttons by java script.. try like this

<html>
   <head>
   <title>Practise 20</title>
   <style>
      input[type="submit"]{border:none; background:#000; color:#fff}
   </style>
   </head>
   <body>
      Click on Button to navigate the Pages
      <form>
         <input onClick="window.location.href='put your page url here'" type="submit" Value="Go">
      </form>
   </body>
</html>

How to link button type=submit in HTML?

HMTL:

<ul>
    <li>
        <a href="account.html" class="button">Submit</a>
    </li>
</ul>

CSS:

a.button {
    margin: auto;
    padding: 8px 16px;
    border: none;
    background: #333;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 2px;
    margin-top: 2%;
    font-size: 1.5vw;
    text-decoration: none;
}

EDIT:

HTML:

<form action="account.html" method="GET">
    <!-- Other fields -->

    <ul>
        <li>
            <input type="submit" class="button" value="Submit">
            <!-- or -->
            <button type="submit" class="button">Submit</button>
        </li>
    </ul>
</form>

CSS:

input.button {
    /* Your styles go here */
}

/* or */

button.button {
    /* Your styles go here */
}

How to make a submit button of form in HTML looks like a link?

Here's a FIDDLE

<button type="submit">Submit</button>

button {
  background: none;
  border: none;
  outline: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
button:hover {
  color: lightblue;
}

<input type="submit" value="Submit">

input[type="submit"] {
  background: none;
  border: none;
  outline: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
input[type="submit"]:hover {
  color: lightblue;
}

CSS Input Submit Link