下载：https://download.csdn.net/download/mo3408/87559594

效果图：

当您通过表单从人们那里收集信息时，必须应用某种验证。如果不这样做，可能会导致客户流失、数据库中的垃圾数据甚至网站的安全漏洞。从历史上看，构建表单验证一直很痛苦。在服务器端，全栈框架会为您处理它，这让这变得更容易，但在客户端，您通常最终会遇到需要花费大量精力才能集成的 JavaScript 库。

值得庆幸的是，HTML5 为我们提供了许多可以处理您的大部分验证需求的功能。HTML5 中的表单现在通过使用特殊属性和新的输入类型内置了对验证的支持，并使您可以通过 CSS 对样式进行大量控制。