在使用HTML5 + CSS3 + JavaScript设计表单时，可能会遇到表单验证问题，如输入数字、电子邮件验证、电话号码验证等。那么，如何验证输入的电子邮件(email)是否符合email格式呢？
在HBuilderX工具中创建一个Web项目，并在项目中的pages文件夹中新建页面email.html
打开已新建的页面，修改title标签文字内容，插入表单元素
利用div和表单元素，插入四个输入框和两个按钮，其中输入框的type有不相同的，电子邮件的type为email
使用元素选择器控制元素的样式，如宽度、外边距、字体居中等
保存代码并运行项目，打开浏览器查看，在电子邮件输入文字内容，如果不符合格式，会弹出提示
接着将电子邮件的input的type改为text，定义一个检查电子邮件的方法，使用正则表达式，绑定提交按钮点击事件
再次保存代码并刷新界面，输入电子邮件并点击提交按钮，查看是否有提示窗口弹出
1、type=email
2、正则表达式
