4 números y 3 consonantes

HTML + CSSInputs

Licence plate input

A European number plate with a blue band and stars where you type four digits and three consonants, with a warning on vowels.

Settings

16px
1x

Code

<div class="uvq06-pl"><label for="uvq06-pl-in" class="lb">Number plate</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 digits and 3 consonants</p></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

Markdown version with all the code, for AI assistants

More in Inputs

See all Inputs

Where to use it

This field is a full Spanish licence plate drawn in CSS: white reflective plate, black border, blue EU band with twelve SVG stars and a condensed typeface. The script splits what you type into four digits and three letters, rejects vowels, Ñ and Q with a short shake and a hint, and sweeps a shine across the plate once the format is valid.

The main color sets the band and the second color the stars, so you can adapt it to other countries. Use it in car insurance quotes, parking apps and rental forms, and change the letter rule in the script for other plate formats.