一:在写前端代码时发现,密码框里的密码长度过长,导致图标被覆盖,这不仅不美观,同时影响使用。
原因:在加入图标时未设置好相关样式,导致层级被覆盖。
解决方法:增加了层级z-index属性,及设置了密码框里面的输入密码和图标的内边距padding属性即可解决该问题。
正确代码如下:
二:通常情况下,只要涉及到密码,都应该考虑保密性,在前端中密码框中是可以设置密码显示或者隐藏的。
1.需要密码显示,将更改type属性为"text";
代码:<input type="text" value="">
2.需要密码隐藏,将更改type属性为"password";
代码:<input type="password" value="">