在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
相关产品推荐
相关产品推荐

