title: form: doesn't send input - submit won't work (html/php)
body: <p>It doesn't send any input when submitting with the button.
  As far as I can see, the submit-block (isset...) should be fine. But there's nothing in the variables <em>name, kuerzel and website</em>.</p>
  <p>Does anybody can help me?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
      color: #566787;
      background: #f5f5f5;
      font-family: 'Varela Round', sans-serif;
      font-size: 13px;
      zoom: 105%
  }
  
  .table-responsive {
      margin: 30px 0;
  }
  
  .table-wrapper {
      background: #fff;
      padding: 20px 25px;
      border-radius: 3px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  }
  
  .table-title {
      padding-bottom: 15px;
      background: #ee8813;
      color: #fff;
      padding: 16px 30px;
      margin: -20px -25px 10px;
      border-radius: 3px 3px 0 0;
  }
  
  .table-title h2 {
      margin: 5px 0 0;
      font-size: 24px;
  }
  
  .table-title .btn-group {
      float: right;
  }
  
  .table-title .btn {
      color: #fff;
      float: right;
      font-size: 13px;
      border: none;
      min-width: 50px;
      border-radius: 2px;
      border: none;
      outline: none !important;
      margin-left: 10px;
  }
  
  .table-title .btn i {
      float: left;
      font-size: 21px;
      margin-right: 5px;
  }
  
  .table-title .btn span {
      float: left;
      margin-top: 2px;
  }
  
  table.table tr th, table.table tr td {
      border-color: #e9e9e9;
      padding: 12px 15px;
      vertical-align: middle;
  }
  
  table.table tr th:first-child {
      width: 60px;
  }
  
  table.table tr th:last-child {
      width: 100px;
  }
  
  table.table-striped tbody tr:nth-of-type(odd) {
      background-color: #fcfcfc;
  }
  
  table.table-striped.table-hover tbody tr:hover {
      background: #f5f5f5;
  }
  
  
  table.table td:last-child i {
      opacity: 0.9;
      font-size: 22px;
      margin: 0 20px;
  }
  
  table.table td a {
      font-weight: bold;
      color: #566787;
      display: inline-block;
      text-decoration: none;
      outline: none !important;
  }
  
  table.table td a:hover {
      color: #2196F3;
  }
  
  table.table td a.delete {
      color: #F44336;
      float: right;
  }
  
  table.table td i {
      font-size: 19px;
  }
  
  table.table .avatar {
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 10px;
  }
  
  .pagination {
      float: right;
      margin: 0 0 5px;
  }
  
  /* Modal styles */
  
  .modal .modal-dialog {
      max-width: 400px;
  }
  
  .modal .modal-header, .modal .modal-body, .modal .modal-footer {
      padding: 20px 30px;
  }
  
  .modal .modal-content {
      border-radius: 3px;
  }
  
  .modal .modal-footer {
      background: #ecf0f1;
      border-radius: 0 0 3px 3px;
  }
  
  .modal .modal-title {
      display: inline-block;
  }
  
  .modal .form-control {
      border-radius: 2px;
      box-shadow: none;
      border-color: #dddddd;
  }
  
  .modal textarea.form-control {
      resize: vertical;
  }
  
  .modal .btn {
      border-radius: 2px;
      min-width: 100px;
  }
  
  .modal form label {
      font-weight: normal;
  }
  
  .btn-add {
      background-color: #676767;
  }
  
  .btn-add:hover {
      background-color: #808080;
      transition: 0.2s;
  }
  
  td{
      width: 25%;
  }
  
  .credits{
      text-align: center;
      margin: 0;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="de"&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;&lt;?php print(gethostname()); ?&gt; - Websites&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round"&gt;
      &lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="../../css/style.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function() {
              // Activate tooltip
              $('[data-toggle="tooltip"]').tooltip();
          });
          // Delete row on delete button click
          $(document).on("click", ".delete", function() {
              $(this).parents("tr").remove();
          });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;!-- Delete Icon --&gt;
  &lt;?php $delBtn = "&lt;td&gt;&lt;a href='' class='delete' title='Delete' data-toggle='tooltip'&gt;&lt;i class='material-icons'&gt;&amp;#xE872;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;"; ?&gt;
  
  &lt;!-- Add-Function --&gt;
  &lt;?php
  $name = $kuerzel = $website = '';
  if (isset($_POST['submit'])) {
      $websiteList = array(
          array("$name", "$kuerzel", "$website")
      );
      $websiteFileTable = fopen('../textFiles/websites.csv', "a");
      foreach ($websiteList as $fields) {
          fputcsv($websiteFileTable, $fields);
      }
      fclose($websiteFileTable);
      //websites
      $websiteFile = fopen('../textFiles/websites.txt', 'a');
      $websiteContent = "$website\n";
      fwrite($websiteFile, $websiteContent);
      fclose($websiteFile);
      //redirect
      header('Location: test.php');
  };
  ?&gt;
  
  
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="table-responsive"&gt;
              &lt;div class="table-wrapper"&gt;
                  &lt;div class="table-title"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-6"&gt;
                              &lt;h2&gt;Raspberry Pi | &lt;b&gt;&lt;?php print(gethostname()); ?&gt;&lt;/b&gt;&lt;/h2&gt;
                          &lt;/div&gt;
                          &lt;div class="col-xs-6"&gt;
                              &lt;a href="#addWebsiteModal" class="btn btn-add" data-toggle="modal"&gt;&lt;i class="material-icons"&gt;&amp;#xE147;&lt;/i&gt; &lt;span&gt;Website hinzufügen&lt;/span&gt;&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;table class="table table-striped table-hover"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th&gt;Vor-/Nachname&lt;/th&gt;
                              &lt;th&gt;Kürzel&lt;/th&gt;
                              &lt;th&gt;Website&lt;/th&gt;
                              &lt;th&gt;&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;?php
                      $f = fopen("../textFiles/websites.csv", "r");
                      $flag = true; //Skip first line
                      while (($line = fgetcsv($f, 1000, ',')) !== false) {
                          if ($flag) {
                              $flag = false;
                              continue;
                          }
                      ?&gt;
                          &lt;tbody&gt;
                          &lt;?php
                          foreach ($line as $cell) {
                              echo "&lt;td&gt;" . htmlspecialchars($cell) . "&lt;/td&gt;";
                          }
                          echo "$delBtn";
                          echo "&lt;/tr&gt;\n";
                      }
                      fclose($f);
                          ?&gt;
                          &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Add Modal HTML --&gt;
      &lt;div id="addWebsiteModal" class="modal fade"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;form method="POST" action="test.php"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;h4 class="modal-title"&gt;Website hinzufügen&lt;/h4&gt;
                          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label&gt;Vor-/Nachname&lt;/label&gt;
                              &lt;input type="text" name="name" value="&lt;?php echo htmlspecialchars($name) ?&gt;" class="form-control" required&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label&gt;Kürzel&lt;/label&gt;
                              &lt;input type="text" name="kuerzel" value="&lt;?php echo htmlspecialchars($kuerzel) ?&gt;" class="form-control" required&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label&gt;Website&lt;/label&gt;
                              &lt;input type="url" name="website" value="&lt;?php echo htmlspecialchars($website) ?&gt;" class="form-control" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;input type="button" name="cancel" class="btn btn-default" data-dismiss="modal" value="abbrechen"&gt;
                          &lt;input type="submit" name="submit" class="btn btn-success" value="Hinzufügen"&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Don't know what to write further...</p>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>