Files
marmeladenladen/components/registerModal.html
2022-04-29 16:49:07 +02:00

71 lines
3.7 KiB
HTML

<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Registrieren Sie sich!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body container registerform">
<form id="marmeladenLadenRegisterForm" >
<div class="row">
<div class="col-3">
<select name="salutation" id="salutation">
<option disabled selected value="0" style="display:none">Anrede</option>
<option value="Frau">Frau</option>
<option value="Herr">Herr</option>
<option value="Person">Person</option>
</select>
</div>
<div class="col-4">
<input type="text" class="form-control" name="firstname" id="firstname" placeholder="Vorname" required>
</div>
<div class="col-5">
<input type="text" class="form-control" name="lastname" id="lastname" placeholder="Nachname" required>
</div>
</div>
<div class="row" id="address">
<div class="col-12">
<input type="text" class="form-control" name="street" id="street" placeholder="Straße" required>
</div>
<div>
<div class="row">
<div class="col-4">
<input type="text" class="form-control" name="zip" id="zip" placeholder="PLZ" required>
</div>
<div class="col-8">
<input type="text" class="form-control" name="city" id="city" placeholder="Stadt" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="text" class="form-control" name="country" id="country" placeholder="Land" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="email" class="form-control" name="email" id="email" placeholder="E-Mail" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="password" class="form-control" name="password" id="password" placeholder="Passwort" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="password" class="form-control" name="password2" id="password2" placeholder="Passwort wiederholen" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="text" class="form-control" name="phone" id="phone" placeholder="Telefon" required>
</div>
</div>
<div class="modal-footer d-block">
<button type="button" class="btn btn-secondary float-start" id="cancelButton" data-bs-target="#marmeladenladenLogin" data-bs-toggle="modal" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success float-end" id="registration" onclick="register()" >Registrieren</button>
</div>
</form>
</div>
</div>
</div>
<script src="../js/registration.js"></script>