HTML Form How to - Make a button appear as a link

Question

We would like to know how to make a button appear as a link.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.link {<!-- w  ww. j ava2 s . c o  m-->
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer
}
</style>
</head>
<body>
  <form action="" method="post">
    <input type="submit" type="submit" value="< 20" class="link" />
  </form>
  <form action="" method="post">
    <input type="submit" type="submit" value="> 20" class="link" />
  </form>
</body>
</html>

The code above is rendered as follows: