需要HTML5输入表单

Question

我正在试图弄清楚使用所需的html5输入是否需要自我关闭标记。

<input id="email_input" type="email" class="mim-text-input" required>

与

<input id="email_input" type="email" class="mim-text-input" required />

Answer 1

根据W3C validator，这两个选项都是有效的HTML5。

Answer 2

两个帐户都没问题：两者都有效。

在HTML5 syntax specification中，它清楚地显示没有尾部斜线的输入。

但是，两者都有效。可以使用尾部斜杠，still considered valid允许xHTML / HTML4开发之间更容易兼容。

您始终可以通过W3 Validator运行代码，以确保无误。

然而，所有这一切都没有承诺，浏览器默认行为不会因语法而受到不同的影响，所以很大程度上是用户提防的情况。

Answer 3

默认使用约定：

<input/> or <input> </ input>, 

原因是表明声明的结束。 内容更多的标签，例如：

<textarea> content </ textarea>.

没有内容且通常仅由其属性定义的标记，例如：

<input/>.
<input> without </ input>

只在HTML5中，当内部有更多内容的标记时，在其他HTML之前，因为浏览器或框架为您修复了。正如您在生成的源代码中所看到的那样。