在 HTML 中选择选项标签

Question

有 html 代码可以在不关闭选项标签的情况下选择选项，并且工作正常。

<div><div class="select-wrapper">
        <select  name="adult">
          <option value="none" />Adults
          <option value="0" />0 Adults
          <option value="1" />1 Adults
          <option value="2" />2 Adults
          <option value="3" />3 Adults
          <option value="4" />4 Adults
          <option value="5" />5 Adults
          <option value="5" />5+ Adults
        </select>
      </div>

      <div class="select-wrapper">
        <select  name="kids">
          <option value="none" />Children
          <option value="0" />0 Children
          <option value="1" />1 Children
          <option value="2" />2 Children
          <option value="3" />3 Children
          <option value="4" />4 Children
          <option value="5" />5 Children
          <option value="5+" />5+ Children
        </select>
      </div></div>

我知道写作风格很糟糕，但我想知道它可能会中断或不起作用的任何情况？

Answer 1

您不必立即关闭option标签。 目前您有以下验证错误：

用于非空 HTML 元素的自闭合语法 (/>)。 忽略斜线并将其视​​为开始标记。

但是，根据 HTML 规范，您可以省略结束标记，它不会导致任何问题：

<select>
    <option>Option One
    <option>Option Two
</select>

此外，“1 Adults”和“1 Children”不是正确的英语。