INPUT type texte formaté pour IBAN

Bonjour, je doit inserer dans un formulaire une demande d'IBAN.
Seuement, il faut 1 seul input text qui serait comme suit :

|_||_||_||_| |_||_||_||_| |_||_||_||_| |_||_||_||_| |_||_||_||_| |_||_||_||_| |_|

J'y arrive en faisant 27 input text mais ce n'est pas ce que je voudrais.
je veux vraiment 1 seul input text.

Comment faire ?

cdt et merci de votre aide

Salut

Une alternative

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
	<body>	<!-- ............................................................................................................. -->
					Entrez votre code IBAN<br />
					<input type="text" id="iban" style="width:190px; font-size:14px; font-family:courrier" placeholder="27 caractère pour un code IBAN" maxlength="27" oninput="VerifEnter()" ><span id="alerte"></span>
		<script>        // ............................................................................................................. //
                        function VerifEnter(){
                                let Elem = document.getElementById("iban");
                                let LeText = Elem.value;
                                let lenText = LeText.length
                                if (lenText === 27)
                                {
                                        Elem.style.backgroundColor="#ccffcc";
                                        }else{
                                        Elem.style.backgroundColor='white';
                                }
 
                                // encore une autre vérification
                                let txtverif = LeText.toUpperCase();
                                if (lenText >=2 && txtverif.slice(0,2) !="FR"){
                                        document.getElementById("alerte").textContent="*** Vous devez enter un code IBAN Français ***";
                                        }else{
                                        document.getElementById("alerte").textContent="";
                                }
                        }
                        </script>	<!-- ........................................................................................................... -->
	</body>	<!-- ............................................................................................................. -->

Bonjour, et merci pour cette réponse mais ce n'est pas ce que je voudrais;
Je ne veux pas un seule seule "case" visible mais bien 27 "cases".

Je ne sais pas comment faire ?

cdt

Regardes du coté des "mask input". Exemple de plugin: https://github.com/RobinHerbots/Inputmask