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.

第一种解决方式

在 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
点击复选框,取消检查。

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读