表单标记自动从HTML中删除

Bde*_*lle 10 html css

我有一个简单的表单,其中包含两个输入元素.

<form class="submitform">   
    <input class="remove_list_items clear_button" type="button" value="A"/>
    <input id="logIn_submit" class="clear_button" type="button"  value="B" />
</form>
Run Code Online (Sandbox Code Playgroud)

我看到源代码中写的表单.
然而,当我检查输入元件(右击>检查元件/ F12)的形式的标签简单地消失(I还可以通过以下事实告诉输入元件是100%,而不是由所述形式在宽度减小(通过CSS).
什么奇怪的是,如果我从源代码(CTRL + U)复制表单代码,通过inspect元素(F12)编辑代码并替换代码,一切都是应该的.

源代码中的代码(如果我通过inspect元素编辑,则可以使用):

<form class="submitform">   
    <input class="remove_list_items clear_button" type="button" value="A"/>
    <input id="logIn_submit" class="clear_button" type="button"  value="B" />
</form>
Run Code Online (Sandbox Code Playgroud)

页面加载时通过Inspect Element看到的代码(注意缺少FORM标签):

<input class="remove_list_items clear_button" type="button" value="A"/>
<input id="logIn_submit" class="clear_button" type="button"  value="B" />
Run Code Online (Sandbox Code Playgroud)

这在Chrome和In IE 10中都会发生.
我在页面上有其他正确显示的表单.
知道为什么会这样吗?

Jro*_*rod 16

删除所有尚未关闭的额外打开表单标记.

Chrome会尝试修复无效的HTML,但并不总是正确无误.

  • 它可能有点hacky,但我在ASP.net webform上有同样的问题而没有对包装表单的控制,我注意到它只删除它找到的第一个嵌套表单,我添加了一个空的<form> </ form>在消失的那个之上,那就是诀窍(我的嵌套形式保持不变) (11认同)
  • 如果不确定,请在Chrome(或其他浏览器中使用等效)中使用view-source获取提供给浏览器的原始html。然后,通过HTML验证程序(像这样的代码)(https://validator.w3.org/#validate_by_input)运行该代码,然后您应该能够找到格式错误的HTML。 (2认同)