IDEA 或 IntelliJ 全家桶提示 Missing associated label 解决办法

警告复现

IDE 警告 Missing associated label

<input type="text" name="xxx" value="xxx">
<textarea name="xxx" placeholder="xxx"></textarea>
<select>

警告原因

Highlights form elements (input, textarea, and select) without required associated labels (WCAG 2.0: H44) and offers a quick-fix for creating a new label.

关于此告警的语法：H44: Using label elements to associate text labels with form controls

第一种解决方式

在 input、textarea、select 这三个标签中添加 placeholder="" 属性，如果还报警告，看第二种。

第二种解决方法

添加一个 <label> 标签。

<label for="comment"></label>
<textarea id="comment" name="comment" placeholder="请输入评论信息..."></textarea>

或

<label>
	<textarea id="comment" name="comment" placeholder="请输入评论信息..."></textarea>
</label>

第三种解决方式

对于第二种修复方式，个人认为有点麻烦了，此时可以选择取消此警告。
打开IDE设置，
File | Settings | Editor | Inspections | HTML | Accessibility | Missing associated label
点击复选框，取消检查。

第四种解决方式

给标签增加不可见样式（来自 @amiao_2018 的方法）。

.fakeLabel{
    display: none;
}