1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交
2、让链接不能点击
3、让鼠标点击穿透上方的 div
用 hover ， animation， 和 transform 可以达到鼠标移入而开始执行动画，鼠标移出而恢复动画的原来状态。但是想要达到更精细的动画效果只能使用 js 来监听鼠标的各个事件onmouseenter， onmousemove， onmouseleave来执行动画。纯 css 是不能感知鼠标的移动事件的。出于安全考虑，凡是类型为password的输入框，只要发生了页面跳转，再次返回当前页面时，即使是从浏览器缓存区读取的页面，此类输入框也会被自动清空的。否则的话危险是显而易见的：只要浏览器没有关闭，其他人在使用同一台电脑的时候就可以很容易用你的账号登录了，因为他只要回退页面到达你原来登陆的页面即可。如果你非要这么做，那么可以这样：
可以把协议内容直接放在注册页面，如果内容较多可以一开始设为隐藏的，点击按钮或链接后再显示出来，这个用js很容易就能搞定；
如果非要新开页面来显示协议内容，可以采取新开窗口或新开标签页的方式，这样的话原注册页面就不会被关闭，也不会被刷新，那么原来输入的密码就还在；
如果非要在同一页面显示协议内容，然后再返回登录页面，那么就只能先把密码存入Cookie，返回后再读取出来放到密码框中，或者通过url传参方式把密码内容传到协议页面，返回时再把密码传回登录页面。需要提醒的是，这么做会造成很大的泄密风险，后果自负。
