Input Feld soll nur num. Werte zulassen

[Sven]

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;">

1. type="number" öffnet ein Auswahlfeld, das nicht erwünscht ist

2. 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.