表单中的input如何验证是否符合email格式

 时间:2024-10-20 08:01:21

1、在HBuilderX工具中创建一个Web项目,并在项目中的pages文件夹中新建页面email.html

表单中的input如何验证是否符合email格式

3、利用div和表单元素,插入四个输入框和两个按钮,其中输入框的type有不相同的,电子邮件的type为email

表单中的input如何验证是否符合email格式

5、保存代码并运行项目,打开浏览器查看,在电子邮件输入文字内容,如果不符合格式,会弹出提示

表单中的input如何验证是否符合email格式

7、再次保存代码并刷新界面,输入电子邮件并点击提交按钮,查看是否有提示窗口弹出

表单中的input如何验证是否符合email格式
  • 构造方法带有参的
  • 如何使用css实现鼠标滑过块上移并且出现阴影
  • 用记事本编写简单html网页入门:[2]列表
  • 如何让div固定不会随着滚动条下拉的HTML方式
  • 怎么用css选择ul里最后一个li里面的a元素
  • 热门搜索
    18岁身份证号码大全 粉皮的做法大全 僵尸片大全 妇科用药大全 龙发装饰公司怎么样 太阳雨太阳能怎么样 微博怎么发私信 今年养猪行情怎么样 新年祝福语大全 简短 日本电影大全