4 números y 3 consonantes

HTML + CSSEingabefelder

Kfz-Kennzeichen als Eingabefeld

Ein europäisches Nummernschild mit blauem Band und Sternen für vier Ziffern und drei Konsonanten, mit Hinweis bei Vokalen.

Einstellungen

16px
1x

Code

<div class="uvq06-pl"><label for="uvq06-pl-in" class="lb">Kennzeichen</label><div class="pt"><span class="eu" aria-hidden="true"><svg viewBox="0 0 24 24"><polygon points="19.00,10.50 19.35,11.51 20.43,11.54 19.57,12.19 19.88,13.21 19.00,12.60 18.12,13.21 18.43,12.19 17.57,11.54 18.65,11.51"/><polygon points="18.06,14.00 18.41,15.01 19.49,15.04 18.63,15.69 18.94,16.71 18.06,16.10 17.18,16.71 17.49,15.69 16.64,15.04 17.71,15.01"/><polygon points="15.50,16.56 15.85,17.58 16.93,17.60 16.07,18.25 16.38,19.28 15.50,18.66 14.62,19.28 14.93,18.25 14.07,17.60 15.15,17.58"/><polygon points="12.00,17.50 12.35,18.51 13.43,18.54 12.57,19.19 12.88,20.21 12.00,19.60 11.12,20.21 11.43,19.19 10.57,18.54 11.65,18.51"/><polygon points="8.50,16.56 8.85,17.58 9.93,17.60 9.07,18.25 9.38,19.28 8.50,18.66 7.62,19.28 7.93,18.25 7.07,17.60 8.15,17.58"/><polygon points="5.94,14.00 6.29,15.01 7.36,15.04 6.51,15.69 6.82,16.71 5.94,16.10 5.06,16.71 5.37,15.69 4.51,15.04 5.59,15.01"/><polygon points="5.00,10.50 5.35,11.51 6.43,11.54 5.57,12.19 5.88,13.21 5.00,12.60 4.12,13.21 4.43,12.19 3.57,11.54 4.65,11.51"/><polygon points="5.94,7.00 6.29,8.01 7.36,8.04 6.51,8.69 6.82,9.71 5.94,9.10 5.06,9.71 5.37,8.69 4.51,8.04 5.59,8.01"/><polygon points="8.50,4.44 8.85,5.45 9.93,5.47 9.07,6.12 9.38,7.15 8.50,6.54 7.62,7.15 7.93,6.12 7.07,5.47 8.15,5.45"/><polygon points="12.00,3.50 12.35,4.51 13.43,4.54 12.57,5.19 12.88,6.21 12.00,5.60 11.12,6.21 11.43,5.19 10.57,4.54 11.65,4.51"/><polygon points="15.50,4.44 15.85,5.45 16.93,5.47 16.07,6.12 16.38,7.15 15.50,6.54 14.62,7.15 14.93,6.12 14.07,5.47 15.15,5.45"/><polygon points="18.06,7.00 18.41,8.01 19.49,8.04 18.63,8.69 18.94,9.71 18.06,9.10 17.18,9.71 17.49,8.69 16.64,8.04 17.71,8.01"/></svg><b>E</b></span><input id="uvq06-pl-in" maxlength="8" autocomplete="off" spellcheck="false" placeholder="0000 BBB" aria-describedby="uvq06-pl-h"></div><p class="ht" id="uvq06-pl-h">4 Ziffern und 3 Konsonanten</p></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Eingabefelder

Alle ansehen: Eingabefelder

Wofür du ihn nutzen kannst

Dieses Feld ist ein komplettes spanisches Kennzeichen aus CSS: weißes reflektierendes Schild, schwarzer Rand, blaues EU-Band mit zwölf SVG-Sternen und eine schmale Schrift. Das Skript teilt die Eingabe in vier Ziffern und drei Buchstaben, lehnt Vokale, Ñ und Q mit einem kurzen Wackeln und einem Hinweis ab und lässt bei gültigem Format einen Glanz darüberlaufen.

Die Hauptfarbe bestimmt das Band, die zweite Farbe die Sterne, sodass du es an andere Länder anpassen kannst. Setze es in Versicherungsrechnern, Park-Apps und Mietformularen ein und ändere die Buchstabenregel im Skript für andere Schildformate.