Aide sur formulaire HTML : autofocus et select ne fonctionnent pas

Question

Peux-tu m'aider sur le code du formulaire (j'ai pas encore regardé la correction) je voudrai identifier le soucis avant.

Candidatures

Ligne 5 : j'ai bien mis autofocus mais ça fait rien. À partir de la ligne 35 : j'ai "France" qui apparait directement. Je ne comprends pas où je me suis trompé ?

Louis-Nicolas Leuillet · Accepted Answer

Hello René !
J'ai mis ton code ici pour que tout le monde puisse le voir sans aller sur CodePen.
autofocus ne fonctionne que dans un cas très précis: quand la page se charge "normalement", sans que le navigateur ne décide de reprendre la main. Dès que tu as un rechargement depuis l’historique, un rafraîchissement, un retour arrière, ou même parfois quand le navigateur restaure un état de formulaire, il ignore simplement l’autofocus. C’est pour ça que tu as l’impression que ça ne fait rien.
Autre point important aussi : un seul élément peut avoir autofocus sur une page. Si jamais il y en a un autre ailleurs (même dans un autre formulaire ou injecté via JS), le navigateur en choisira un ou aucun.
Pour ton problème sur le fait de voir "France" c'est tout à fait normal car c'est le premier choix de ta liste : Europe est une catégorie pas une solution.

René Barousse · Answer

ok je viens de tester sous vscode avec live server et la ça fonctionne du coup code pen peut être qui gere pas autofocus ( sous code pen jamais reussi a le faire marcher). mais vu les soucis je pense que je vais oublié cette option :)

René Barousse · Answer

pour France je pensais que tant qu'un choix n'était pas fait rien n'apparaissait.

Aide sur formulaire HTML : autofocus et select ne fonctionnent pas

Formation Apprendre HTML (legacy)