input : required   選擇必填表單域

input : focus : invalid 選擇當前聚焦的且含有非法輸入值的表單域

input : focus : valid 選擇當前聚焦的且含有合法輸入值的表單域

使用上面的偽類選擇器再編寫三條新規則：

input : required {
border : 1px solid red;
}

//輸入值不符合格式時，表單右邊出現×
input : :focus : invalid {
background:url('../img/cross.png') no-repeat right;  //×圖片
}

//輸入值符合格式時，表單右邊出現√
input : :focus : valid {
background:url('../img/tick.png') no-repeat right;  //√圖片
}