最近上课说了前端HTML和javascript，以前只是初略学习，现在需要做一个小项目，每个人写些页面，因为对前端不太了解，写起来很吃力啊。但是一点一点学习。

用的是bootstrap框架。做一个登陆页面，要实现输入框点击小眼睛可以看见密码明文。

如图，HTML代码是：

可以看见，用的全是bootstrap的css。但是遇到一个问题鼠标移到眼睛那里没有变成小手，或者不用这个span，用span中加眼睛的图片用css把鼠标cursor: pointer;不是没有用，就是图片被input挡住，后来查看form-control-feedback属性的原码

CSS新属性pointer-events：字面理解是点击鼠标事件，值分别是auto和none。·

当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。

密码变明文则是把type从password变成type；

span的class也要改变，因为眼睛的图片也是要改变的。