时间戳

首页 > 解决方案 > HTML中的字段集和图例标签？

html - HTML中的字段集和图例标签？

问题描述

所以我在 HTML 中处理表单，这是我使用的代码：

<form>
   <label>Date Of Birth</label>
        <select name="Month">
            <option value="Jan">January</option>
            <option value="Feb">February</option>
            <option value="Mar">March</option>
            <option value="Apr">April</option>
            <option value="May">May</option>
        </select>
        <select name="Day">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
        <select name="Year">
            <option value="1992">1992</option>
            <option value="1993">1993</option>
            <option value="1994">1994</option>
            <option value="1995">1995</option>
            <option value="1996">1996</option>
        </select>
   </label>
</form>

现在，这在语义上是不正确的。（至少我是这么理解的）。为了对选择标签进行分组，我们使用 Fieldset 和 legend 标签。谁能解释一下，这两个标签的用途或如何将它们分组？这两个标签是否还有其他用途和/或标签是否相互依赖？

标签： html

解决方案

正如其他人评论的那样，fieldset和legend标签的使用是不言自明的，您可以在此处和此处阅读有关它们的更多信息。

关于您的问题，是div的，您可以使用,label等实现相同的行为和外观；但这在语义上是不正确的，而且您需要做更多的工作来复制相同的外观。并且legend标签依赖于fieldset标签，因为它需要有一个引用来放置自己。

理想的情况是，如果有一个 HTML5 标签，使用它而不是简单的div，它有助于使文档更易于阅读，并使其与大多数现代页面保持一致；

作为参考，我还解释了有关此问题的语义标签的更多信息 https://stackoverflow.com/a/53229971/8437694

这篇文章也有助于解释语义标签的好处： https ://www.lifewire.com/why-use-semantic-html-3468271

推荐阅读