表单密码框问题

一:在写前端代码时发现,密码框里的密码长度过长,导致图标被覆盖,这不仅不美观,同时影响使用。

       原因:在加入图标时未设置好相关样式,导致层级被覆盖。

       解决方法:增加了层级z-index属性,及设置了密码框里面的输入密码和图标的内边距padding属性即可解决该问题。


图一(图标被覆盖)
图二

  正确代码如下:

二:通常情况下,只要涉及到密码,都应该考虑保密性,在前端中密码框中是可以设置密码显示或者隐藏的。                                                               

  1.需要密码显示,将更改type属性为"text";   

       代码:<input type="text" value="">

    2.需要密码隐藏,将更改type属性为"password";

      代码:<input type="password" value="">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容