System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本专利技术涉及计算机,尤其涉及一种密码输入框的实现方法、装置、电子设备及存储介质。
技术介绍
1、在网页开发的过程中,经常会用到密码输入框,用于进行系统登录、修改密码等操作。
2、对于密码输入框,开发者们通常直接使用用户界面(user interface,ui)组件库中原生的输入(input)组件实现,并设置类型(type)属性为密码(password),这可以使得输入密码时不会直接显示明文,降低了用户信息泄露的风险。但是,上述密码输入框的设置和显示方式,会触发浏览器的一些默认行为,比如当一个普通输入框和一个密码输入框放在一起时,浏览器会自动填充账号密码;或者,当鼠标聚焦到密码输入框时,会触发浏览器的密码提示功能,这些默认行为仅适用于需要快速填充密码的场景,但不适用于某些特殊场景,在特殊场景下使用上述密码输入框的设置和显示方式反而会带来不便,用户体验差。
技术实现思路
1、针对现有技术中的问题,本专利技术实施例提供一种密码输入框的实现方法、装置、电子设备及存储介质。
2、具体地,本专利技术实施例提供了以下技术方案:
3、第一方面,本专利技术实施例提供了一种密码输入框的实现方法,方法包括:
4、获取目标输入input组件;其中,所述目标输入input组件通过在原生的input组件的类型type中增加文本text类型得到;
5、基于所述目标输入input组件中的所述text类型,实现密码输入框。
6、进一步地,所述
7、在实现所述密码输入框的过程中,禁用所述类型type的修改功能。
8、进一步地,所述text类型通过目标text样式进行显示;其中,所述目标text样式用于控制所述密码输入框中输入文本的显示字体,以将所述输入文本以明文样式或密文样式进行显示。
9、进一步地,所述方法还包括:
10、响应于对所述密码输入框中密码显示样式的切换指令,切换所述密码显示样式;
11、其中,所述密码显示样式包括所述明文样式和所述密文样式。
12、进一步地,所述切换所述密码显示样式,包括:
13、若接收所述切换指令前所述密码显示样式为所述明文样式,则将所述密码输入框中输入文本的显示字体切换成所述密文样式对应的密文显示字体;
14、若接收所述切换指令前所述密码显示样式为所述密文样式,则将所述密码输入框中输入文本的显示字体切换成所述明文样式对应的明文显示字体。
15、进一步地,所述方法还包括:
16、将所述密码输入框中目标按钮的触发指令,作为所述切换指令。
17、进一步地,所述密码输入框中输入文本的初始显示字体采用所述明文样式对应的明文显示字体;
18、所述方法还包括:
19、在接收到对所述目标输入input组件中type的修改指令的情况下,确定所述密码输入框中的眼睛按钮的显示状态;
20、在所述眼睛按钮的显示状态为睁眼状态的情况下,保持所述初始显示字体;
21、在所述眼睛按钮的显示状态为闭眼状态的情况下,使用所述密文样式对应的密文显示字体替换所述初始显示字体。
22、进一步地,所述方法还包括:
23、获取原生的input组件;
24、在所述原生的input组件的类型type中增加文本text类型,得到所述目标输入input组件;其中,所述目标输入input组件的类型type包括:增加的文本text类型和从所述原生的input组件继承的password类型;
25、所述基于所述目标输入input组件中的所述text类型,实现密码输入框,包括:
26、在所述目标输入input组件的类型type中选中所述text类型,且通过禁用所述类型type的修改功能,使得所述password类型不被选中,实现密码输入框。
27、第二方面,本专利技术实施例还提供了一种密码输入框的实现装置,包括:
28、获取模块,用于获取目标输入input组件;其中,所述目标输入input组件通过在原生的input组件的类型type中增加文本text类型得到;
29、处理模块,用于基于所述目标输入input组件中的所述text类型,实现密码输入框。
30、第三方面,本专利技术实施例还提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如第一方面所述密码输入框的实现方法。
31、第四方面,本专利技术实施例还提供了一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面所述密码输入框的实现方法。
32、第五方面,本专利技术实施例还提供了一种计算机程序产品,其上存储有可执行指令,该指令被处理器执行时使处理器实现第一方面所述密码输入框的实现方法。
33、本专利技术实施例提供的密码输入框的实现方法、装置、电子设备及存储介质,相较于相关技术中将原生的input组件中的type设置为password来实现密码输入框,而导致在例如新增第三方平台时,需要用户输入第三方平台的账号密码,浏览器却默认填充了当前系统的账号密码等情况下,造成了使用不便的问题,本专利技术通过在原生的input组件的type中增加text类型,获取目标input组件,从而可以基于目标input组件中的text类型,实现密码输入框,避免了将原生的input组件中的type直接设置为password类型,而导致在任何场景下都进行密码快速回填,进而难以适用于某些特殊情况的问题,有效提高了用户体验;另外,对于使用官方文档中提到的“将autocomplete属性设为new-password”的方法,虽然可以解决自动回填的问题,但由于浏览器识别到input组件的type为password时就会触发密码提示功能,故在聚焦时仍然会出现不必要的密码提示,本专利技术通过在原生的input组件的type中增加text类型,进而利用text类型实现密码输入框,不仅可以禁用密码快速回填,还可以禁用密码提示,有效提高了用户使用密码输入框的安全性。
本文档来自技高网...【技术保护点】
1.一种密码输入框的实现方法,其特征在于,包括:
2.根据权利要求1所述的密码输入框的实现方法,其特征在于,所述方法还包括:
3.根据权利要求1或2所述的密码输入框的实现方法,其特征在于,所述text类型通过目标text样式进行显示;其中,所述目标text样式用于控制所述密码输入框中输入文本的显示字体,以将所述输入文本以明文样式或密文样式进行显示。
4.根据权利要求3所述的密码输入框的实现方法,其特征在于,所述方法还包括:
5.根据权利要求4所述的密码输入框的实现方法,其特征在于,所述切换所述密码显示样式,包括:
6.根据权利要求5所述的密码输入框的实现方法,其特征在于,所述方法还包括:
7.根据权利要求3所述的密码输入框的实现方法,其特征在于,所述密码输入框中输入文本的初始显示字体采用所述明文样式对应的明文显示字体;
8.根据权利要求2所述的密码输入框的实现方法,其特征在于,所述方法还包括:
9.一种密码输入框的实现装置,其特征在于,包括:
10.一种电子设备,包括存储器
11.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至8任一项所述密码输入框的实现方法。
12.一种计算机程序产品,其上存储有可执行指令,其特征在于,该指令被处理器执行时使处理器实现如权利要求1至8中任一项所述密码输入框的实现方法。
...【技术特征摘要】
1.一种密码输入框的实现方法,其特征在于,包括:
2.根据权利要求1所述的密码输入框的实现方法,其特征在于,所述方法还包括:
3.根据权利要求1或2所述的密码输入框的实现方法,其特征在于,所述text类型通过目标text样式进行显示;其中,所述目标text样式用于控制所述密码输入框中输入文本的显示字体,以将所述输入文本以明文样式或密文样式进行显示。
4.根据权利要求3所述的密码输入框的实现方法,其特征在于,所述方法还包括:
5.根据权利要求4所述的密码输入框的实现方法,其特征在于,所述切换所述密码显示样式,包括:
6.根据权利要求5所述的密码输入框的实现方法,其特征在于,所述方法还包括:
7.根据权利要求3所述的密码输入框的实现方法,其特征在于,所...
【专利技术属性】
技术研发人员:欧阳玉麟,
申请(专利权)人:奇安信科技集团股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。