En-tête de mise à jour automatique?

Question

Je fais actuellement de l'expérience de travail en concevant l'interface utilisateur pour certains logiciels de messagerie en HTML de base. Je n'ai fait cela que depuis 4 jours maintenant, excusez donc mes connaissances de base, etc.

En haut de cette page, j'ai 2 en-têtes que je voudrais, si possible, mettre à jour automatiquement les données miroir entrées dans 2 champs plus bas dans le formulaire. Aucun de ces champs n'a actuellement un bouton Soumettre et, idéalement, je voudrais que les en-têtes soient changés lorsque l'utilisateur clique sur la partie suivante du formulaire. Mon patron ne savait pas comment faire cela, mais a suggéré que je regarde les commandes java onchange, mais je n'ai pas été en mesure de trouver quelque chose qui m'aiderait à cet égard. Si quelqu'un a des suggestions, ils seraient grandement appréciés.

Answer 1

<script type="text/javascript"> 
function changed() { 
    var el = document.getElementById('info'); 
    el.innerHTML = document.getElementById('user').value; 
} 
</script> 
<form name="log in_form" method="post" action="log.php?action=login"> 
      <div class="forminput"><input onkeyup="changed()" type="text" id="user"> 
     </form> 

     <div id="info"> 

     </div> 

Utilisez le onKeyUp pour une mise à jour constante.