解决报错：Incorrect use of ＜label for=FORM_ELEMENT＞

前端开发时label报错

Incorrect use of <label for=FORM_ELEMENT>

问题如下：
The label’s for attribute doesn’t match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.
To fix this issue, make sure the label’s for attribute references the correct id of a form field.

这并不影响开发，但看到增加的问题很难受，各种搜没有找到办法。

报错截图如下:

从图中可以看出是把el-form-item里的label变成了label标签，但是没查清楚原因，但是按照提示加入id后，这个错误消失了。

 <el-form-item prop="altitude" label="高度">
     <el-input v-model="Form.altitude" id="altitude">
          <template slot="suffix">m</template></el-input>
       </el-form-item>

遇到这类问题没有解决的可以参考，另外希望能有大佬分析一下原因