javascript - 是``到` ` 有效吗？

Question

<element />用to替换元素是否有效<element></element>。在这种情况下，我想拥有，

<input {attributes}></input>

只是这样我就可以在其中附加验证数据......这也可以从一个<br />或<hr />等中实现吗？

Answer 1

<input>标签没有 a ，</input>也不需要一个。<br>和相同<hr>。您可以使用如下自定义属性将验证数据作为输入标签（或任何标签）上的属性：

<input type="text" data-validate="num">

如果验证的意思是要在输入标签附近显示的单独 HTML，则将其放在标签之前或之后的自己的<input>标签中：

<input type="text"><span class="validHint">This field accepts only numbers</span>

Answer 2

<input></input>在 HTML4.01 和 HTML5 中均无效。

根据W3C 的验证服务：（原因突出显示）

验证输出：1 错误

第 9 行，第 15 列：杂散结束标记输入。
<输入></输入>

所以给你，你不能<input>用<input></input>.

Answer 3

如果要将数据附加到元素，为什么不使用data-*属性？（例如<input data-color="red" />）这是有效的，并且应该同样容易实现。

Answer 4

在 HTML 4.01 及之前的经典 HTML 中<input></input>是无效的。实际上，浏览器会忽略杂散结束标记。他们不会忽略标签之间的内容，因此<input>foo</input>与<input>foo. HTML5 不建议改变这一点。

根据 XHTML 规范，在 XHTML<input></input>中有效，但不应在 Web 上使用。如果在标签之间放置任何内容，它就会变得无效，因为该input元素已使用 EMPTY 内容模型声明。

所以你应该采取完全不同的方法。这实际上取决于您要达到的目标，并且应该在其他标题下进行讨论。根据问题的不同，解决方案可能是新的 HTML5 属性之一，或者一个data-属性，或者一个隐藏字段，或者以某种方式隐藏的元素，或者可能只是文档树中的数据。