养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html5如何对 email 表单进行验证

时间:2024-10-13 06:13:02

在html5中,如果我们想要用表单来建一个email地址的输入域,并且能判断是否腿发滏呸符合email格式,若不符合email格式,则会给出提示。如何实现呢?下面小编举例讲鞅瓞慈玢解html5如何设置表单email地址的输入域。

html5如何对 email 表单进行验证

方法/步骤

1、我们新建一个html网页文件,把他命名为test.html,接下来我们用test.html文件来讲解html5如何设置表单email地址的输入域。

html5如何对 email 表单进行验证

2、在test.html文件内,我们需要创建一个表单<formaction=&孥恶膈茯quot;"method="get"></form>。

html5如何对 email 表单进行验证

3、给在表单内,加入一个Input,类型为email。<inputtype="email"name="test"/>。

html5如何对 email 表单进行验证

4、在浏览器浏览一下test.html,来看看效果能否实现。我们需要用鼠标点中表单Submit按钮。

html5如何对 email 表单进行验证

© 一点知识