如何在input标签内放置文本与超链接实现同意条款复选框功能

修正后的可运行代码 #

<label>
  <input type="checkbox"> I agree to the <a href="terms&amp;conditions.html">Terms & Conditions</a>
</label>

针对原代码的修改说明 #

• 移除了非法的</input>结束标签：<input>是HTML空元素，本身不支持嵌套文本或其他子元素，不需要设置结束标签
• 修正了超链接标签的属性拼写错误：将错误的属性名hraf改为标准属性名href
• 补全了href属性值的闭合双引号，原代码属性值仅写了开头引号，导致HTML解析异常
• 在<a>标签内部补充了需要展示的超链接文本，原代码<a>标签为空，不会渲染出可点击的链接内容
• 对链接地址中的特殊字符&做了HTML实体转义，替换为&，避免浏览器解析URL时出现异常
• 外层新增<label>标签包裹全部内容，实现点击文本也能切换复选框选中状态的交互效果，符合常规使用习惯

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