Hallo,
Dass die Beschriftung vor dem Eingabefeld stehen soll, ist für den PC so gewünscht (an schmalen Geräten darf es anders sein).
Ich habe es jetzt mit folgendem versucht.
CSS
.Eingabemenu {
display: grid;
max-width: 50%;
gap: 0.5rem 2rem;
grid-template-columns: auto 1fr;
}
html
<div>
<label for="PLZ">PLZ:</label>
</div>
<input id="PLZ" name="PLZ" value="$PLZ" type="number" pattern="[0-9]+" style="width: 7rem;">
-
type="number" öffnet ein Auswahlfeld, das nicht erwünscht ist
-
Trotz pattern="[0-9]+" ist die Eingabe von Buchstaben möglich
Anmerkung: Die style-Angabe habe ich provisorisch gemacht, da ich noch keine Lösung für mein 2. Problem erhalten habe.