龙空技术网

HTML表单Email高级元素的使用

web前端小芬 99

前言:

眼前朋友们对“cssemail”大概比较珍视,大家都想要剖析一些“cssemail”的相关资讯。那么小编在网上收集了一些有关“cssemail””的相关资讯,希望我们能喜欢,大家快快来了解一下吧!

本章介绍HTML 5中的Email高级元素,Email类型元素与URL属性类似,Email属性用于让浏览者输入Email地址。在提交表单时,会自动验证email域的值。代码格式如下。

<input type="url" name="userurl"/>

(1)编辑代码

打开记事本,编写以下HTML代码,并保存为HTML格式文件。在<body>标签中加入以下代码。



(2)在火狐浏览器中浏览效果

在火狐浏览器中浏览效果如图所示,用户即可输入相应的邮箱地址。


如果用户输入的邮箱地址不对,单击【提交】按钮后会弹出下图中提示信息。


标签: #cssemail