html - 为什么提交按钮需要向 favicon.ico 请求本地资源？

Question

我在这里有一个非常基本的表单，我想在其中测试单击提交按钮时输入的文本值是否正确。

<form id="form1" onSubmit="console.log(document.getElementById('inkomen1').value)">
      <input type="text" id="inkomen1" name="inkomen1">
      <button type="submit" form="form1" value="Submit">Submit</button>
</form>

所以我设置了表单onSubmit，通过console.log显示输入文本字段的内容。住这个工作，但在本地我总是在我的控制台中得到这个奇怪的错误：

不允许加载本地资源：file:///favicon.ico

为什么当我在本地给文件发短信时这不起作用，为什么这个请求'favicon.ico'？我也可以让它在本地工作吗？

标签： html

Answer 1

这与您在问题中包含的代码无关。您有一个 HTML 代码，其中包含指向网站图标的链接。该链接的绝对路径file:///favicon.ico在不同环境中运行代码时不正确。

使用相对路径，如果您的网站图标与 HTML 位于同一路径中，您可以将其设置为：

/favicon.ico

更新

尝试将自定义操作添加到您的表单

<form id="form1" action"targetPageHere" onSubmit="console.log(document.getElementById('inkomen1').value)">

也许默认操作页面不是您的页面，并且具有包含此参考的不同代码。