18010 sujets

Questions générales et questions de débutants

ECHO

bonjour j'ai une INPUT et je veux que je fais un echo pour l'input dans un espace comme ca
INPUT
<input type="tel" maxlength="16" required="" id="id" name="id" class="inp" maxlength="16" minlength="15" pattern="(?:4|5)[0-9]{15}" style="padding:6px;position:absolute;left:440px;top:320px;width:373px;font-size:medium;" required>

quand je ecris dans cette input je veux que ici dynamiquement affiche ce que jai entrain d'écrire dans l'input 
<span class="card-num-only">ICI</span>

ca veux dire cest jecris dans input ICI automatiquement sur span sera ICI et c change c change !
quelqun a une astuce !!
Modifié par kyron900 (24 Dec 2017 - 23:14)
Modérateur
Hello,

Un truc comme ça ? (J'ai fait le nettoyage dans ce code html bien mauvais)


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <input type="text" id="id" name="id" class="inp" pattern="(?:4|5)[0-9]{6,15}"  required>
        <span class="card-num-only"></span>
        <script>
            window.addEventListener('DOMContentLoaded', ()=>{
                document.getElementById('id').addEventListener('keyup', (e)=>{
                    document.querySelector('.card-num-only').textContent = e.target.value;
                });
            });
        </script>
    </body>
</html>

Modifié par niuxe (26 Dec 2017 - 11:14)
Sujet clos
Aller à