html - Html 输入被移动到标签中

Question

我有这段代码，这是一个带有文本输入、复选框和提交按钮的简单表单。

<form method='post'>
  <input type='text' name='email' id='email'></input>
  <label class='container'>Foo bar
    		<input type='checkbox' name='newsletter' id='newsletter'>
    		<span class='checkmark'></span>
    	</label>
  <input type='submit' name='submitMail' id='submitMail' value='OK'>
</form>

但是当它被解释时，它会变成这样（第二个输入被移动到标签中）：

<form method='post'>
    <input type='text' name='email' id='email'></input>
    <label class='container'>Foo bar
        <input type='checkbox' name='newsletter' id='newsletter'>
        <span class='checkmark'></span>
        <input type='submit' name='submitMail' id='submitMail' value='OK'>
    </label>
</form>

怎么来的？我该如何解决这个问题？

提前致谢

编辑：简单的拼写错误。“Foo bar”区域包含未封闭的生成文本，<p>我猜浏览器只是试图理解这一点。

标签： html