<select>元素能否嵌套在<label>内？按Free Code Camp编写却报错

你的代码有两个可能的问题导致Free Code Camp校验失败：

• <option>标签不能为空：Free Code Camp的表单练习通常要求每个选项都有明确的文本内容，比如给每个option添加描述文本，示例代码如下：

  <option value="">Select an option</option>
  <option value="social-media">Social Media</option>
  <option value="friend">Friend Referral</option>
  <option value="advertisement">Advertisement</option>
  <option value="other">Other</option>
  

• 缺少关联的id和for属性：虽然嵌套结构在HTML规范里是合法的，但部分Free Code Camp的校验逻辑可能要求label通过for属性和select的id绑定，修改后的完整代码如下：

  <label for="hear-about-us">How did you hear about us?
    <select id="hear-about-us">
      <option value="">Select an option</option>
      <option value="social-media">Social Media</option>
      <option value="friend">Friend Referral</option>
      <option value="advertisement">Advertisement</option>
      <option value="other">Other</option>
    </select>
  </label>
  

优先排查第一个问题——空选项是触发校验失败的最常见原因，给每个<option>添加对应文本后大概率能通过测试。

内容的提问来源于stack exchange，提问作者ecodoc