您的位置：首页 > Web前端 > CSS

CSS :invalid 选择器

2018-10-16 14:18 302 查看

如果 input 元素中的值是非法的，实时提醒

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
span{
display:none;
color:#f00;
}
input:invalid + span{
display:block;
}
</style>
</head>
<body>

<h3> :invalid 选择器实例演示。</h3>
<input type="email" value="supportEmail" />
<span>格式不正确</span>
<p>请输入合法 e-mail 地址，查看样式变化。</p>

</body>
</html>

 

：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航