4 números y 3 consonantes

HTML + CSSInputs

Matrícula de coche

Una matrícula europea con banda azul y estrellas donde escribes cuatro números y tres consonantes, con aviso si pones vocales.

Ajustes

16px
1x

Código

<div class="uvq06-pl"><label for="uvq06-pl-in" class="lb">Matrícula</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 números y 3 consonantes</p></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Inputs

Ver todos: Inputs

Dónde usarlo

Este campo es una matrícula española completa dibujada en CSS: placa blanca reflectante, borde negro, banda europea azul con doce estrellas en SVG y una tipografía estrecha. El script separa lo que escribes en cuatro números y tres letras, rechaza vocales, Ñ y Q con una sacudida y un aviso, y hace pasar un brillo por la placa cuando el formato es válido.

El color principal pinta la banda y el secundario las estrellas, así que puedes adaptarlo a otros países. Úsalo en presupuestos de seguros, apps de aparcamiento y alquileres de coches, y cambia la regla de letras del script para otros formatos de placa.