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>

第三种解决方式

第四种解决方式

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

.fakeLabel{display: none;
}

IDEA 或 IntelliJ 全家桶提示 Missing associated label 解决办法相关推荐

vs2005部署报表服务器项目老提示输入用户名密码解决办法
vs2005部署报表服务器项目老提示输入用户名密码解决办法按书上的步骤,用SQL Server Business Intelligence Development Studio建好的 .rdl格式的 ...
shell 删除simatic_安装西门子软件时提示重启电脑的解决办法
原标题:安装西门子软件时提示重启电脑的解决办法安装西门子软件时提示重启电脑的解决办法在西门子软件安装时,比如:WinCC.Step7.SIMATIC NET SQL Server for WINC ...
QtCreator 编译时提示 warning C4819 的解决办法
QtCreator 编译时提示 warning C4819 的解决办法用 QtCreator 和Visual C++ 编译器编译程序时经常会出现类似的警告: warning C4819: 该文件包含 ...
系统卡服务器cpu 内存不足,电脑很卡系统提示内存不足的解决办法
电脑卡得不行,软件运行速度超慢,系统提示内存不足,这时该怎么办呢? 一.关闭没必要的启动程序很多时候,电脑变卡,是因为电脑里运行的程序太多,有些程序是很占cpu的.所以一些没必要的程序关掉就好.可以 ...
微信公众号开发，报错{errcode:41005,errmsg:media data missing hint:}的解决办法---亲测有效
在微信开发中,遇到报错:errcode":41005,"errmsg":"media data missing hint 具体解决办法如下地址,实测有效: 对应 ...
sublime text3使用卡顿,代码提示卡顿终极解决办法
sublime text3使用卡顿,代码提示卡顿终极解决办法适用的情况解决办法适用的情况原来sublime text3好好地不卡顿,突然有一天卡顿了. 应该是最近装了什么插件导致的解决办法 ...
在Linux下执行一个文件时候提示“权限不够”的解决办法
在Linux下执行一个文件时候提示"权限不够"的解决办法如下转到那个文件的目录下面执行下面命令: chmod 777 filename
360极速浏览器csdn写博客提示当前版本过低解决办法
描述:360极速浏览器csdn写博客提示当前版本过低解决办法步骤: 360极速浏览器csdn写博客提示当前版本过低打开360极速浏览器设置->设置->高级设置->内核切换设置删 ...
广东省公务员考试报名已通过银联实名认证，但系统仍提示未认证，解决办法
广东省公务员考试报名已通过银联实名认证,但系统仍提示未认证,解决办法问题解决办法:认证后,退出登录,重新登录即可问题广东省公务员考试报名已通过银联实名认证,但系统仍提示未认证,解决办法解决办 ...