Comment implémenter la fonctionnalité d'attribut autofocus pour plusieurs vues d'onglets dans une seule page html?

Question

Actuellement, je travaille sur un projet web dont l'échantillon est hébergé dans:

https://meet-up-db14d.firebaseapp.com/

ce que je veux mettre en œuvre consiste à utiliser la fonction d'attributs de mise au point automatique dans les deux onglets ayant des formes. chaque fois que je change d'onglet, le curseur doit être mis au point automatiquement sur la première entrée du formulaire respectif dans cet onglet.

Answer 1

En incluant script suivant dans le fichier html de modèle, j'ai pu mettre en œuvre ce que je cherchais:

<script> 
var tabs = { 
    one: document.querySelector('#one'),  //tab id="one" 
    two: document.querySelector('#two'),  //tab id="two" 
    three: document.querySelector('#three') //tab id="three" 
}; 

tabs.one.addEventListener('click', function(e) { 
//console.log('one'); 
document.getElementById("User Name").focus(); 
}); 

tabs.two.addEventListener('click', function(e) { 
//console.log('two'); 
document.getElementById("Event name").focus(); 
}); 
</script>