html - 为什么表单中输入的位置在浏览器中发生了变化？

Question

在模板文件中，我是这样写的

        % 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

但是当我firebugs用来检查 html 代码时，它们呈现如下：

        <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">

奇怪的是<input>元素变成了<form>..

原页面可以看这里，虽然DOM结构看起来不对，但是表单的元素还是可以提交的。。

有人对此有想法吗？

Answer 1

通过W3C Markup Validator运行链接。我看到 674 个 HTML 错误。

通常，这些类型的问题源于 Firebug 被 HTML 中其他地方的错误弄糊涂了。

在您的情况下，您将<form>元素作为 的子元素<table>，<input>将元素作为 的直接子元素<tbody>。

修复上述错误应该可以让 Firebug 运行良好。