锚点标记点击事件正在触发，但默认不是

Question

我有一个锚定标记缠绕在无线电输入上。当我点击它们时，单选按钮会被检查，但锚标记不会执行任何操作。

<a href="https://stackoverflow.com"> 
    <input type="radio" /> 
</a> 

我尝试添加一个onclick处理到锚标记，以查看是否被点击它和它的工作如预期：

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com"> 
    <input type="radio" /> 
</a> 

这也让我明白了正被点击的锚标记，以便两次我添加event.stopPropagation到输入标记：

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com"> 
    <input onclick="event.stopPropagation();" type="radio" /> 
</a> 

Answer 1

这是无效的html5。根据the spec，a元素的内容模型声明它不能将交互式内容作为后代。非隐藏的input是交互式内容。