咨询电话:
15628812133
31
2023/07

IosApp中登录页面输入账号密码需要点击多次才能选中光标是什么问题

发布时间:2023-07-31 15:36:59
发布者:已经写了
浏览量:
0

偶然间发现的一个小问题,一个登录功能的小页面,只需要输入账号和密码用来验证登录用,很久才有人发现这个问题,就是当你输入完账号点击输入密码的时候,光标直接就聚焦在了密码输入框当中,但是如果你再要从密码输入框点击回到账号输入框,重新输入账号信息或者修改账号信息的时候,就会发现,点一下没得反应,得再点一下才能聚焦,如下图

                                                                            image.png    image.png

当我从输入密码框,点击到输入工号框的时候,直接失去焦点,无法直接输入需要再次点击才能继续输入。

其实代码中并没有出问题,只是input框的type选择出现了差异,导致这一情况的发生,这里面输入的工号一般为纯数字,我们的话type就直接用了number的属性,其实使用number属性没有任何问题,这里使用number或者tel都是可以方便用户直接输入工号的,但是我之前设置了number就会出现之前说的这一幕,在密码框回点到帐号框的时候,需要点两下,而type设置成tel的话,直接就可以无缝切换很丝滑,所以没有特殊要求的话,可以设置成tel来提高用户的使用体验哦

最后说一下type=number和type=tel的区别吧

在iOS中,input type="tel"和input type="number"是两种不同的输入类型,它们有以下区别:

input type="tel":此输入类型常用于电话号码的输入,键盘上会显示与电话号码输入相关的特殊字符

input type="number":此输入类型用于数值的输入。它会限制用户只能输入数字,并且键盘上只显示数字键盘。

总结input type="tel"适用于需要输入电话号码的场景,而input type="number"适用于需要输入数值的场景

关键词:
返回列表