Css 当不满足模式要求（HTML5）时，文本字段显示错误

我是新的html5编码，所以请有人帮我解决我的问题

我正在做一个学校作业，我需要在html5的文本字段中指定模式，只接受6位数字和1个字母（例如123456A）

我设法得到了我想要的，但问题是，如果用户输入错误，如何显示错误？

我的这项学校作业必须只用html5和css来完成。没有Javascript。谢谢你的专业知识

到目前为止，我已经做到了

输入Adm No:

您的代码似乎工作正常，但不会显示任何消息，只显示一个红色边框

只要模式不匹配，您最终可以尝试插入文本，甚至可以隐藏提交输入

伪类

的示例：无效的
和一个额外的标记，允许在所需模式不匹配时插入文本


/*可能的样式*/
输入：无效{
颜色：红色；
/*只要图案不匹配，就变为红色*/
}
输入：无效+b:之前{
内容：“无效数字”；/*添加文本，直到模式匹配为止*/
}
输入：无效+b+[type=“submit”]{
显示：无；/*隐藏输入提交，直到模式匹配*/
}

输入Adm No:
如果字段无效，您实际上无法仅显示警报，因为从技术上讲，字段在满足验证模式之前是无效的。但你可以这样做：



input~。警报{
显示：无；
}
输入：无效。警报{
显示：块；
}

输入Adm No:
表格无效
仅使用html和css无法在输入值时获得警告。你需要一些javascript。它已经…在Chrome中-谢谢你的精彩评论，非常感谢。谢谢你的建议，直到你提出这个方法，它才真正想到使用这个方法。你真的很有帮助。很棒的提示！！我想出了一些非常相似的东西。不过，最好避免推广从CSS中插入文本内容的使用，因为它可能只是HTML的一部分内容或通过某种属性。@很显然，当错误消息过去是典型的javascript工作时，为什么应该在dom中一直硬编码？从技术上讲，您仍然硬编码它，只是不在其他开发人员希望找到它的地方。@CSS似乎是一种样式，不是DOM的一部分，但您是对的，在某一点上，需要编写代码才能执行或读取；）。。。否则它们就不存在了