VS Code更新后HTML编辑器报表单元素无标签错误（代码可运行）如何禁用？

更新Visual Studio Code后，HTML代码在编辑器中出现错误提示，但代码实际可正常运行。报错信息如下：

Form elements must have labels: Element has no title attribute Element has no placeholder attributeMicrosoft Edge Toolsaxe/forms

涉及的3行input代码：

<input type="text" name="inputkommen" id="inputkommen" />
<input type="text" name="inputgehen" id="inputgehen" />
<input type="text" name="gehen" id="outputumrechnen" />

完整HTML代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Überstunden-Umrechner</title>
    <link rel="stylesheet" href="../style/Overtime.css" />
    <link rel="icon" href="../Bilder/sun.png" />
  </head>
  <body>
    <body>
      <script src="../scripts/Overtime.js"></script>
      <div id="Sonne"></div>
      <div class="layout">
        <div id="rectangle"></div>
        <h1 id="ToHours">Überstunden Umrechner</h1>

        <input type="text" name="inputkommen" id="inputkommen" />
        <button id="kommen" onclick="wannKannIchKommen()">kommen</button>
        <input type="text" name="inputgehen" id="inputgehen" />
        <button id="gehen" onclick="wannKannIchGehen()">gehen</button>
        <input type="text" name="gehen" id="outputumrechnen" />
        <button id="umrechnen" onclick="wieVieleUeberstundenBekommeIch()">
          überstunden
        </button>
      </div>
    </body>
  </body>
  <footer></footer>
</html>

解决方法 #

1. 单独禁用axe/forms规则 #

这个提示来自Microsoft Edge Tools扩展的axe可访问性检查，你可以针对性关闭这条规则：

• 打开VS Code设置（快捷键Ctrl+,或Cmd+,）
• 在搜索框输入axe，找到Edge Tools: Axe Rules选项
• 点击编辑 in settings.json
• 在配置中添加"forms": false，示例：

"edge.tools.axeRules": {
  "forms": false
}

2. 全局关闭Edge Tools的axe检查 #

如果不需要所有可访问性检查，直接关闭整个功能：

• 打开VS Code设置
• 搜索edge.tools.enableAxe，将该选项设为false

3. 规范代码（推荐方案） #

虽然可以禁用提示，但从网页可访问性角度，给表单元素补充关联标签或属性是更专业的做法：

• 使用<label>标签绑定input：

<label for="inputkommen">上班时间</label>
<input type="text" name="inputkommen" id="inputkommen" />

• 或者添加placeholder/title属性：

<input type="text" name="inputkommen" id="inputkommen" placeholder="请输入上班时间" />

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