Skip to content

Instantly share code, notes, and snippets.

@BlackScorp

BlackScorp/formular.php

Created January 28, 2020 10:08
Show Gist options
  • Save BlackScorp/889ed8e149236c97e545d21ba3a7b0cf to your computer and use it in GitHub Desktop.
Save BlackScorp/889ed8e149236c97e545d21ba3a7b0cf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
formular.php
<!DOCTYPE html>
<html lang="de">
<head>
<title>Kontakt</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<header class="jumbotron">
<div class="container">
<h1 class="display-4">Kontakt</h1>
<p class="lead">Schreib mir eine Nachricht!</p>
</div>
</header>
<section class="container" id="alets">
<div class="alert alert-success" role="alert">
Anfrage versendet!
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="alert alert-danger" role="alert">
Fehler beim versenden der Anfrage
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</section>
<section class="container" id="contactForm">
<div class="card">
<div class="card-header">
Kontaktformular
</div>
<div class="card-body">
<form method="post">
<input type="hidden" name="csrfToken" value="123">
<div class="row form-group">
<div class="col-2">
Anrede:
</div>
<div class="col">
<div class="form-check form-check-inline">
<input name="salutation" id="salutationMrs" class="form-check-input" type="radio" value="mrs"><label class="form-check-label" for="salutationMrs"> Frau</label>
</div>
<div class="form-check form-check-inline">
<input name="salutation" id="salutationMr" class="form-check-input" type="radio" value="mr"><label class="form-check-label" for="salutationMr"> Herr</label>
</div>
</div>
</div>
<div class="row form-group">
<label class="col-2 col-form-label" for="name">
Name:
</label>
<div class="col">
<input type="text" name="name" id="name" placeholder="Name" class="form-control">
</div>
</div>
<div class="row form-group">
<label class="col-2 col-form-label" for="subject">
Betreff:
</label>
<div class="col">
<select id="subject" name="subject" class="form-control">
<option>Bitte wählen</option>
<option value="help">Benötige allgemeine Hilfe</option>
<option value="feedback">Benötige Feedback zum Script</option>
<option value="bug">Fehler entdeckt</option>
<option value="business">Geschäftsanfrage</option>
<option value="others">Sonstiges</option>
</select>
</div>
</div>
<div class="row form-group">
<label class="col-2 col-form-label" for="message">
Nachricht:
</label>
<div class="col">
<textarea id="message" class="form-control" rows="3"></textarea>
</div>
</div>
<div class="row form-check">
<div class="offset-2 col">
<input type="checkbox" name="robot" id="robot" class="form-check-input">
<label for="robot" class="form-check-label">Hiermit bestätige ich, dass ich ein Roboter bin.</label>
</div>
</div>
</form>
</div>
<div class="card-footer">
<button class="btn btn-primary">Anfrage senden</button>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment