{ if (e.keyCode === 13) { e.preventDefault(); document.getElementById('lastname')?.focus(); } if (e.keyCode === 40) { document.getElementById('lastname')?.focus(); } }} type="text" autocomplete="one-time-code" id="firstname" name="firstname" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border bg-white" required placeholder="Vorname" bind:value={firstname} aria-describedby="firstname-error" />

{ if (e.keyCode === 13) { e.preventDefault(); document.getElementById('email')?.focus(); } if (e.keyCode === 38) { document.getElementById('firstname')?.focus(); } if (e.keyCode === 40) { document.getElementById('email')?.focus(); } }} autocomplete="one-time-code" type="lastname" id="lastname" name="lastname" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border bg-white" required placeholder="Nachname" aria-describedby="lastname-error" bind:value={lastname} />

{ if (e.keyCode === 13) { e.preventDefault(); document.getElementById('submit')?.focus(); } if (e.keyCode === 38) { document.getElementById('lastname')?.focus(); } if (e.keyCode === 40) { document.getElementById('submit')?.focus(); } }} autocomplete="one-time-code" type="email" id="email" name="email" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border bg-white" placeholder="E-Mail (optional)" aria-describedby="lastname-error" bind:value={email} />