Pourquoi la position d'entrée dans le formulaire a-t-elle changé dans le navigateur?

Question

Dans le fichier de modèle, je vous écris comme ça

 % for name,sequence in NAME_SEQUENCE: 

     <form id="ucsc_profile_form${sequence_counter}" 
       action="${request.route_path('CF_profile_UCSC_adapter')}" 
       method="GET" target="_blank"> 
      <input type="hidden" value="${species_short}" name="species"> 
      <input type="hidden" value="${chrom}" name="chrom"> 
      <input type="hidden" value="${start}" name="start"> 
     </form> 
     .... 

    % endfor 

Mais quand je l'utilise firebugs pour vérifier les codes html, ils sont rendus comme ceci:

 <form id="ucsc_profile_form1" action="${request.route_path('CF_profile_UCSC_adapter')}" method="GET" target="_blank"> 
     </form> 
     <input type="hidden" value="${species_short}" name="species"> 
     <input type="hidden" value="${chrom}" name="chrom"> 
     <input type="hidden" value="${start}" name="start"> 

La chose étrange est que l'élément <input> devient <form> ..

La page d'origine peut être affichée here, bien que la structure du DOM ne semble pas correcte, l'élément du formulaire peut toujours être soumis.

Quelqu'un a-t-il des idées à ce sujet?

Answer 1

Exécution du lien via le W3C Markup Validator. Je vois 674 erreurs HTML.

Plus souvent qu'autrement, ces types de problèmes proviennent de Firebug qui devient confus par des erreurs ailleurs dans le code HTML.

Dans votre cas, vous avez <form> éléments que les enfants de <table> et <input> éléments que les enfants directs de <tbody>.

Corriger les erreurs ci-dessus devrait rendre Firebug agréable.