是否可以在表单中使用标签？

Question

我可以在表单中使用<caption>标记吗？如果没有，为什么不呢？

示例：

<form>
<caption>description</caption>
<label>name:</label>
<input />
</form>

Answer 1

你真的先试过吗？

答案：不。（嗯，你可以，但会破坏标准）。

<caption>元素用于标注表，而不是表单。

替代解决方案：

如果确实想要字幕表单，只需添加一个可以用CSS设置样式的有效元素，如下所示：

<form>
    <div class="caption">This is my form caption</div>
    <input .../>
</form>

另一种方法，可能在语义上更正确，就是使用<fieldset>对表单进行分组：

<fieldset>
    <legend>This is my form caption</legend>
    <form>
        <input .../>
    </form>
</fieldset>

Answer 2

您正在寻找<legend>标签吗？

Answer 3

不，你不能在表格中使用它。但是你可以把你的表格包在一张桌子里。

<table>
<caption> .. </caption>
<tr><td> <form> ... </form> </td></tr>
</table>

Answer 4

否，caption元素专门与表有关。有人可能会争辩说，对于帮助使HTML成为今天的人来说，这是部分人遗漏的奇怪情况，但无论如何，它不能与表单一起使用。此外，尝试对表单使用caption有语义上的含义，因为它为表格而不是表单加了标题。

在HTML中以“标题”或“头”内容（包括宣布表单和表单内容）的惯用方式是使用标题标签h1，h2等。它们帮助宣布的内容，因此您可以将它们优先放在form元素中或嵌套在其中。

在您的情况下，您将拥有：

<form>
<h1>description</h1>
<label>name:</label>
<input />
</form>

或者您也可以将heading元素直接放在form元素之前：

<h1>description</h1>
<form>
<label>name:</label>
<input />
</form>

我认为前者在语义上更适用，但有时某些因素（例如CSS的能力）将需要使用后者。无论哪种都应该有效。