title: HTML form, link error
body: <p>I have a very weird problem.
  I'm coding login system and i have two buttons in form; one is for submitting and second is link and is used to send user to register page.
  My problem is that when i click that link form is submitted instead of redirection.</p>
  
  <p>Here is link to page:</p>
  
  <p><a href="http://takeaprize.pl/login.php" rel="nofollow">http://takeaprize.pl/login.php</a></p>
  
  <p>And page code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php
  include_once 'secure/core.php';
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;?php echo $settings-&gt;getSiteTitle(); ?&gt; - Login&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta charset="UTF-8" /&gt;
   &lt;meta name="description" content="&lt;?php echo $settings-&gt;getMETAdescription(); ?&gt;" /&gt;
   &lt;meta name="keywords" content="&lt;?php echo $settings-&gt;getMETAkeywords(); ?&gt;" /&gt; 
  
      &lt;link rel="icon" type="image/ico" href="assets/images/favicon.ico" /&gt;
      &lt;!-- Bootstrap --&gt;
      &lt;link href="assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"&gt;
  
      &lt;link href="assets/css/minimal.css" rel="stylesheet"&gt;
   &lt;link rel="stylesheet" href="assets/js/vendor/jgrowl/css/jquery.jgrowl.min.css"&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
    &lt;body class="bg-1"&gt;
      &lt;!-- Wrap all page content here --&gt;
      &lt;div id="wrap"&gt;
        &lt;!-- Make page fluid --&gt;
        &lt;div class="row"&gt;
          &lt;!-- Page content --&gt;
          &lt;div id="content" class="col-md-12 full-page login"&gt;
  
  
            &lt;div class="inside-block"&gt;
              &lt;img src="assets/images/logo-big.png" alt class="logo"&gt;
              &lt;h1&gt;&lt;strong&gt;Welcome&lt;/strong&gt; Guest&lt;/h1&gt;
              &lt;h5&gt;&lt;?php echo $settings-&gt;getSiteTitle(); ?&gt;&lt;/h5&gt;
  
              &lt;form id="login_form" class="form-signin" action=""&gt;
                &lt;section&gt;
                  &lt;div class="input-group"&gt;
                    &lt;input type="text" class="form-control" name="username" placeholder="Username"&gt;
                    &lt;div class="input-group-addon"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="input-group"&gt;
                    &lt;input type="password" class="form-control" name="password" placeholder="Password"&gt;
                    &lt;div class="input-group-addon"&gt;&lt;i class="fa fa-key"&gt;&lt;/i&gt;&lt;/div&gt;
                  &lt;/div&gt;
                &lt;/section&gt;
                &lt;section class="controls"&gt;
                  &lt;a href="forgot.php"&gt;Forgot password?&lt;/a&gt;
                &lt;/section&gt;
                &lt;section class="log-in"&gt;
                  &lt;button class="btn btn-greensea"&gt;&lt;i class="fa fa-lock"&gt;&lt;/i&gt; Log In&lt;/button&gt;
                  &lt;span&gt;or&lt;/span&gt;
                  &lt;a href="register.php"&gt;&lt;button class="btn btn-slategray"&gt;&lt;i class="fa fa-sign-out"&gt;&lt;/i&gt; Create an account&lt;/button&gt;&lt;/a&gt;
                &lt;/section&gt;
              &lt;/form&gt;
            &lt;/div&gt;
  
  
          &lt;/div&gt;
          &lt;!-- /Page content --&gt;  
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Wrap all page content end --&gt;
    &lt;/body&gt;
    &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
    &lt;script src="https://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
    &lt;script src="assets/js/vendor/jgrowl/jquery.jgrowl.min.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
        </code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks in advance for any help</p>