老师帮我看看

来源：4-10 编程练习

三年没洗澡

2019-03-07 10:48:38

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
<title></title>
    <style type="text/css">
/*鼠标移上去或者获得焦点、在此处填写代码*/
input:focus+span{
    transform: translateX(-120%);
}
/*符合验证的label、在此处填写代码*/
input:valid~label:after{
    content: "您输入的邮箱正确!";
}
    /*不符合验证的label、在此处填写代码*/
    input:invalid~label:after{
        content: "您输入的邮箱错误!";
    }
</style>
</head>
<body>
    <input id="mail" type="email" required placeholder="请输入邮箱">
<span class="title">邮箱</span>
<label for="mail"></label>
</body>
</html>

写回答

1回答