Untitled

<!DOCTYPE html>
<html lang="en">

<script>
function resetForm() {
  setTimeout(() => {
    document.getElementById("form").reset();
  }, 5000);
}
</script>

<head>
  <title>HolySmartphone</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="Home.html">HolyFactuurPhone</a>
    </div>
    <ul class="nav navbar-nav">
      <li><a href="Home.html">Home</a></li>
      <li><a href="Factuurmaken.html">Factuur maken</a></li>
      <li><a href="Factuurophalen.html">Factuur ophalen</a></li>
    </ul>
  </div>
</nav>

<div class="container">
  <h2>Factuur aanmaken</h2>
  <p>Vul de gegevens van de klant in:</p>
  <form id="form" action="Formulier.php" method="POST" target="_blank">

    <div class="row">
      <div class="col-sm-4"><div class="form-group"><label for="usr">Bedrijf/naam:</label> <input name="bedrijfofnaam" type="text" class="form-control" id="usr"></div> </div>
      <div class="col-sm-2"><div class="form-group"><label for="usr">Datum factuur:</label> <input name="datum" type="date" class="form-control" id="usr"></div> </div>
    </div>

    <div class="row">
      <div class="col-sm-4"><div class="form-group"><label for="usr">Adres:</label> <input name="adres" type="text" class="form-control" id="usr"></div> </div>
    </div>

    <div class="row">
      <div class="col-sm-4"><div class="form-group"><label for="usr">Woonplaats:</label> <input name="woonplaats" type="text" class="form-control" id="usr"></div> </div>
      <div class="col-sm-2"><div class="form-group"><label for="usr">Postcode:</label><input name="postcode" type="text" class="form-control" id="usr"></div></div>
    </div>

  <hr><br>

    <div class="row">
      <div class="col-sm-8"><div class="form-group"><label for="usr">Productomschrijving:</label> <input name="productomschrijving" type="text" class="form-control" id="usr"></div> </div>
      <div class="col-sm-1"><div class="form-group"><label for="usr">Aantal:</label><input name="aantal" type="text" class="form-control" id="usr"></div></div>
      <div class="col-sm-2"><div class="form-group"><label for="usr">Prijs:</label><input name="prijs" type="text" class="form-control" id="usr"></div></div>
    </div>

    <div class="row">
      <div class="col-sm-2"><div class="form-group"><label for="usr">Totaal prijs:</label> <input name="totaal" type="text" class="form-control" id="usr"></div> </div>
    </div>

<br>

    <div class="row">
      <div class="col-sm-2"><div class="form-group"><label for="usr">Serienummer:</label> <input name="serienummer" type="text" class="form-control" id="usr"></div> </div>
    </div>

<hr><br>

      <div class="row">
        <div class="col-sm-12"><div class="form-group"><label for="usr">Opmerking:</label> <input name="opmerking" type="text" class="form-control" id="usr"></div> </div>
      </div>

<hr>

    <div class="checkbox">
      <label><input name="creditnota" type="checkbox">Credit Nota</label>
    </div>

<hr>

  <label class="checkbox-inline"><input name="voldaan" type="checkbox">Voldaan</label>

<hr>

  <button type="submit" name="Submit" class="btn" onclick="resetForm()">Maak factuur</button>
  </form>

</div>

</body>
</html>