Bootstrap v5 Migration, Style Cleanups, Formular-Umgestaltung, Layout-Verbesserungen (schließt #222)

This commit is contained in:
2023-04-04 18:34:22 +02:00
parent 0b7cc92bfc
commit 64f85e41c2
35 changed files with 193 additions and 437 deletions

View File

@ -6,37 +6,54 @@
<div class="col-lg-8 mb-4 mb-lg-0">
<form action="https://php.cantorgymnasium.de/formtools/process.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="form_tools_form_id" value="5" />
<div style="display:none">
<div hidden>
<input type="text" name="bad_email" value="" />
</div>
<input type="text" class="form-control mb-3" id="surname" name="visitor_surname" placeholder="Name (Schüler/in)" required>
<input type="text" class="form-control mb-3" id="name" name="visitor_name" placeholder="Vorname" required>
<label for="birthday">Geburtsdatum</label>
<input type="date" class="form-control mb-3" id="birthday" name="visitor_birthday" min="2005-01-01" required>
<div class="row">
<input type="text" class="form-control mb-3 col-lg-8 ml-3 mr-4" id="street" name="street" placeholder="Straße" required><input type="text" class="form-control mb-3 col-lg-3" id="house" name="house" placeholder="Hausnummer" required>
<div class="input-group">
<input type="text" class="form-control mb-3" id="surname" name="visitor_surname" placeholder="Name (Schüler/in)" required>
<input type="text" class="form-control mb-3" id="name" name="visitor_name" placeholder="Vorname" required>
</div>
<input type="text" class="form-control mb-3" id="adresszusatz" name="adresszusatz" placeholder="Adresszusatz">
<div class="row">
<input type="text" inputmode="numeric" class="form-control mb-3 col-lg-5 ml-3 mr-4" id="zipcode" name="zipcode" placeholder="PLZ" pattern="[0-9]{5}" title="Postleitzahlen bestehen aus exakt 5 Ziffern" required><input type="text" class="form-control mb-3 col-lg-6" id="city" name="city" placeholder="Stadt" required>
<div class="input-group mb-3">
<span class="input-group-text">Geburtsdatum</span>
<input type="date" class="form-control" id="birthday" name="visitor_birthday" min="2005-01-01" required>
</div>
<input type="text" class="form-control mb-3" id="street" name="street" placeholder="Straße" required>
<div class="input-group">
<input type="text" class="form-control mb-3" id="house" name="house" placeholder="Hausnummer" required>
<input type="text" class="form-control mb-3" id="adresszusatz" name="adresszusatz" placeholder="Adresszusatz">
</div>
<div class="input-group">
<input type="text" inputmode="numeric" class="form-control mb-3" id="zipcode" name="zipcode" placeholder="PLZ" pattern="[0-9]{5}" title="Postleitzahlen bestehen aus exakt 5 Ziffern" required>
<input type="text" class="form-control mb-3" id="city" name="city" placeholder="Stadt" required>
</div>
<input type="text" class="form-control mb-3" id="landkreis" name="landkreis" placeholder="Landkreis">
<div class="row">
<input type="tel" class="form-control mb-3 col-lg-5 ml-3 mr-4" id="tpriv" name="tpriv" placeholder="Telefon privat"><input type="tel" class="form-control mb-3 col-lg-6" id="tdienstl" name="tdienstl" placeholder="Telefon dienstl.">
<div class="input-group">
<input type="tel" class="form-control mb-3" id="tpriv" name="tpriv" placeholder="Telefon privat">
<input type="tel" class="form-control mb-3" id="tdienstl" name="tdienstl" placeholder="Telefon dienstl.">
</div>
<input type="text" class="form-control mb-3" id="dpname" name="dpname" placeholder="Abweichender Elternname">
<input type="text" class="form-control mb-3" id="grundschule" name="grundschule" placeholder="Grundschule" required>
<input type="email" class="form-control mb-3" id="mail" name="visitor_email" placeholder="Ihre E-Mail Adresse" required>
<textarea name="visitor_message" id="message" class="form-control mb-3" placeholder="Bemerkungen"></textarea>
<label for="zeugnis_1">Zeugnis (Vorderseite)</label>
<input type="file" class="form-control mb-3" id="zeugnis_1" name="zeugnis_1" accept="image/*,.pdf">
<label for="zeugnis_2">Zeugnis (Rückseite)</label>
<input type="file" class="form-control mb-3" id="zeugnis_2" name="zeugnis_2" accept="image/*,.pdf">
<label for="slbe">Schullaufbahnempfehlung</label>
<input type="file" class="form-control mb-3" id="slbe" name="slbe" accept="image/*,.pdf">
<input type="checkbox" id="accept" name="accept" required>
<label for="accept" class="mr-2">Hiermit melden wir unser Kind verbindlich zur Aufnahmeprüfung an.</label>
<button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
<div class="input-group mb-3">
<input type="file" class="form-control" id="zeugnis_1" name="zeugnis_1" accept="image/*,.pdf">
<span class="input-group-text">Zeugnis (Vorderseite)</span>
</div>
<div class="input-group mb-3">
<input type="file" class="form-control" id="zeugnis_2" name="zeugnis_2" accept="image/*,.pdf">
<span class="input-group-text">Zeugnis (Rückseite)</span>
</div>
<div class="input-group mb-3">
<input type="file" class="form-control" id="slbe" name="slbe" accept="image/*,.pdf">
<span class="input-group-text">Schullaufbahnempfehlung</span>
</div>
<div class="input-group">
<div class="input-group-text">
<input type="checkbox" class="form-check-input" id="accept" name="accept" required>
</div>
<span class="input-group-text">Hiermit melden wir unser Kind verbindlich zur Aufnahmeprüfung an.</span>
<button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
</div>
</form>
</div>
<div class="col-lg-4">