You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在FreeCodeCamp中添加HTML单选按钮时遇错误求助

解决FreeCodeCamp单选按钮报错问题

你的代码逻辑上已经符合题目要求,但FreeCodeCamp的测试用例对HTML细节要求比较严格,试试下面几个排查方向:

  • 补全input的自闭合斜杠:FreeCodeCamp遵循XHTML规范,要求自闭合标签必须显式写/>。把代码里的<input ... >改成<input ... />,这是最容易触发报错的点。
  • 添加label的for属性关联input的id:虽然题目没明确要求,但部分测试会验证标签与输入框的关联关系。给第一个label加上for="indoor",第二个加上for="outdoor",让代码更符合标准。
  • 清理多余空格与缩进:测试用例可能对格式敏感,尽量保持代码缩进统一,删除不必要的空格。

调整后的示例代码:

<label for="indoor">
  <input id="indoor" type="radio" name="indoor-outdoor" /> Indoor
</label>
<label for="outdoor">
  <input id="outdoor" type="radio" name="indoor-outdoor" /> Outdoor
</label>

优先尝试补全自闭合斜杠,这大概率是你当前报错的原因。

内容的提问来源于stack exchange,提问作者Ahmadullah Ahmadi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 19:45:30