title: Simple login page - form method post doesn't work
body: <p>Hello I have simple login page which works fine when I am using bootstrap but I want to use angular material design.</p>
  
  <p>I am looking for problem from 3-4 hrs and nothing. I think that form doesn't send any data like username, password and submit</p>
  
  <p>There is full code of login</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Login&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="icon" type="img/png" href="img/favicon.png" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="../css/style.css"&gt;
      &lt;!-- &lt;link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Tangerine"&gt; --&gt;
      &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"&gt;
      &lt;link rel="stylesheet" href="../bower_components/angular-material/angular-material.css"&gt;
      &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
      &lt;!-- &lt;script src="../js/jquery-3.1.1.min.js"&gt;&lt;/script&gt;--&gt;
      &lt;link rel="stylesheet" type="text/css" href="../bower_components/angular-material-data-table/dist/md-data-table.min.css" /&gt;
  &lt;/head&gt;
  
  &lt;body layout="row"&gt;
      &lt;div layout="column" flex id="content" role="main" ng-controller="AppCtrl" ng-app="MyApp"&gt;
          &lt;md-content layout="vertical" flex id="content" layout-align="center center"&gt;
              &lt;?php include "connect.php"; if(isset($_POST['username']) &amp;&amp; isset($_POST['password'])){ $username=$ _POST['username']; $password=md5($_POST[ 'password']); $stmt=$ db-&gt;prepare("SELECT * FROM login WHERE username=? AND password=? "); $stmt-&gt;bindParam(1, $username); $stmt-&gt;bindParam(2, $password); $stmt-&gt;execute(); $row = $stmt-&gt;fetch(); $user = $row['username']; $pass = $row['password']; $id = $row['id']; $type = $row['type']; if($user==$username &amp;&amp; $pass==$password){ session_start(); $_SESSION['username'] = $user; $_SESSION['password'] = $pass; $_SESSION['id'] = $id; $_SESSION['type'] = $type; ?&gt;
              &lt;script&gt;
                  window.location.href = 'index.php'
              &lt;/script&gt;
              &lt;?php } else { ?&gt;
              &lt;div&gt;
                  &lt;strong&gt;Warning!&lt;/strong&gt; Password or username are wrong!
              &lt;/div&gt;
              &lt;?php } } ?&gt;
              &lt;form method="post" name="loginForm" style="width:50vh"&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
  
                  &lt;md-toolbar&gt;
                      &lt;div class="md-toolbar-tools"&gt;
                          &lt;h2&gt;Login&lt;/h2&gt;
                      &lt;/div&gt;
                  &lt;/md-toolbar&gt;
  
                  &lt;md-dialog-content&gt;
                      &lt;div&gt;
                          &lt;md-input-container class="md-block"&gt;
                              &lt;label&gt;Username:&lt;/label&gt;
                              &lt;input name="username" required&gt;
                          &lt;/md-input-container&gt;
                          &lt;md-input-container class="md-block"&gt;
                              &lt;label&gt;Password:&lt;/label&gt;
                              &lt;input type="password" name="password" required&gt;
                          &lt;/md-input-container&gt;
                      &lt;/div&gt;
                  &lt;/md-dialog-content&gt;
  
                  &lt;md-dialog-actions layout="row"&gt;
                      &lt;span flex&gt;&lt;/span&gt;
                      &lt;md-button type="submit" value="Login" class="md-primary"&gt;OK&lt;/md-button&gt;
                      &lt;md-button type="button" aria-label="Cancel"&gt;Cancel&lt;/md-button&gt;
                  &lt;/md-dialog-actions&gt;
              &lt;/form&gt;
          &lt;/md-content&gt;
  
      &lt;/div&gt;
  
      &lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-aria/angular-aria.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-material/angular-material.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-material-data-table/dist/md-data-table.min.js"&gt;&lt;/script&gt;
      &lt;!-- &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt; --&gt;
      &lt;!-- &lt;script src="js/app.js"&gt;&lt;/script&gt; --&gt;
      &lt;script&gt;
          angular.module('MyApp', ['ngMaterial'])
  
          .controller('AppCtrl', function($scope) {
  
              $scope.radek = "Radek";
              console.log($scope.radek);
  
          });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>