名字输入框
使用的CSS属性
在<input>标签里，添加<span>，设置动画效果
pointer-events:none;
指定在什么情况下（如果有这个情况）,某个特定的图形元素可以成为鼠标事件的target（目标）
none;永远不会成为鼠标事件的target
html的<label>标签，表示用户界面中某个元素的说明
input:required;
布尔值，如果为真，表示当此input元素有值时，整个表单才能提交。
:valid
CSS伪类表示内容验证正确的<input> 或其他 <form> 元素
这能简单地将校验字段展示为一种能让用户辨别出其输入数据的正确性的样式
focus事件在元素获取焦点时触发
hover,鼠标移动到元素身上时的事件
