关于登录弹层不能成功输入用户名密码的问题

最近在群里发现有人反馈，登录弹层不能成功输入用户名密码的情况，大致看了一下，稍微总结下：

本人遇到的登录不能成功输入用户名密码的情况有两种，一种是定位错误，一种是不能focus 元素，这两者看起来相似，但实际有点区别，下面将详细介绍下：

先说不能focus元素的：举个例子：

像这种点击登录，出来登录弹层的，很容易出现报错，不能focus　element ，一下为对应的代码：

定位登录注册输入框都是根据id来的，执行的时候为什么还会提示这个错误呢：

不能focus元素

我们曾经遇到过登录注册的时候，如果光标不在输入框中，则输入的内容为空，这个错误就是这个意思，因为光标没有在输入框中，所以不能定位该元素，导致不能正确输入用户名密码

那么怎么解决一下呢，很简单，在输入内容的时候click一下元素就可以啦：

对应的代码：

当然，不要问我为什么密码不用单独click一下，这个我也不太清楚，只是如果碰到这种无法输入的情况，可以试一下先click它；

接下来说，真正的定位问题，这里涉及到多个层，导致定位不够准确，所以不能正确输入内容，举个例子：

像这个登录弹框，使用f12解析他的元素内容的时候，细心的人会发现，其实是有两条类似标签来定位的。就像login的那里，一个是lable，一个是input，这个时候一定要选择input哦，只有input标签的内容才能被输入，同理，密码哪里也是，不要定位到输入框中的内容，而要定位整个输入框。以此警示

附登录界面的代码如下：最准确的定位还是根据id来的，id是唯一滴

总结一下，如果输入内容有问题，先看看元素是否定位准确，再试试click一下