1.当input获得焦点时

input:focus:{
outline:1px solid #000
}

2.输入合法时

input:valid:{
border:1px solid green
}

3.输入不合法时

input:invalid:{
border:1px solid red