Html 在Safari中单击按钮后，输入字段接收焦点，但在Chrome中不接收

我遇到了Chrome和Safari之间奇怪的行为差异。如果标签里面有输入和按钮，点击按钮将使输入在Safari中得到焦点，但在Chrome中它不会

我发现将

e.preventDefault（）

添加到按钮点击处理程序中会使Safari的行为与Chrome相同

以下是最简单的代码示例：

添加

---

这是Chrome/Safari中的一个bug还是一些文档化的“功能”？此html的“正确”行为方式是什么？

不知道为什么按钮位于标签内。Input和button都是可操作（可以在其上执行某些操作）元素。默认情况下，可操作元素在浏览器中获得焦点。因此，您应该将这两个元素分开。标签可能被包装或无法被输入包装，有关详细信息，请参阅

添加

如果答案已经解决了您的问题，请接受它，这样其他人也可以从这篇文章中受益并节省精力。谢谢！