You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.6 KiB
78 lines
2.6 KiB
<div x-show="step == 2">
|
|
<h2 class="gradient">Geben Sie Ihre persönlichen Daten ein</h2>
|
|
|
|
<div class="form-container">
|
|
<div class="field-grid">
|
|
|
|
<label for="greeting">
|
|
<span>Anrede</span>
|
|
<select x-model="value.greeting" id="greeting">
|
|
<template x-for="greeting in greetings">
|
|
<option :value="greeting.value" x-text="greeting.label"></option>
|
|
</template>
|
|
</select>
|
|
</label>
|
|
|
|
<label for="title">
|
|
<span>Titel</span>
|
|
<select x-model="value.title" id="title">
|
|
<template x-for="title in titles">
|
|
<option :value="title.value" x-text="title.label"></option>
|
|
</template>
|
|
</select>
|
|
</label>
|
|
|
|
<label for="firstname">
|
|
<span>Vorname</span>
|
|
<input type="text" x-model="value.firstname" id="firstname">
|
|
</label>
|
|
|
|
<label for="lastname">
|
|
<span>Nachname</span>
|
|
<input type="text" x-model="value.lastname" id="lastname">
|
|
</label>
|
|
|
|
<label for="zip">
|
|
<span>PLZ</span>
|
|
<input type="text" x-model="value.zip" id="zip">
|
|
</label>
|
|
|
|
<label for="location">
|
|
<span>Ort</span>
|
|
<input type="text" x-model="value.location" id="location">
|
|
</label>
|
|
|
|
<label for="phone">
|
|
<span>Telefon</span>
|
|
<input type="tel" x-model="value.phone" id="phone">
|
|
</label>
|
|
|
|
<label for="email">
|
|
<span>E-Mail-Adresse</span>
|
|
<input type="email" x-model="value.email" id="email">
|
|
</label>
|
|
|
|
<label for="job">
|
|
<span>Beruf des Hauptverdieners</span>
|
|
<select x-model="value.job" id="job">
|
|
<template x-for="job in jobs">
|
|
<option :value="job.value" x-text="job.label"></option>
|
|
</template>
|
|
</select>
|
|
</label>
|
|
|
|
<label for="haushalt">
|
|
<span>Haushaltsnetto monatlich</span>
|
|
<input type="text" x-model="value.haushalt" id="haushalt">
|
|
</label>
|
|
|
|
<label for="einnahme">
|
|
<span>Netto-Mieteinnahme monatlich</span>
|
|
<input type="text" x-model="value.einnahme" id="einnahme">
|
|
</label>
|
|
|
|
<button type="submit">Absenden</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|