html5中input的新类型（验证只有在点击提交按钮的时候才触发）

最新推荐文章于 2022-07-22 16:42:13 发布

VIP文章输出是最好的学习

最新推荐文章于 2022-07-22 16:42:13 发布

阅读量9.7k

点赞数 1

分类专栏：前端文章标签： html5 电子邮件

本文为博主原创文章，转载请注明出处。

本文链接：https://blog.csdn.net/m0_37568521/article/details/75043286

版权

1.email，关于电子邮件是否合法，我们以前通常会在js脚本中写一个复杂的正则表达式来验证，但是现在不用了，类型为email的input控件可以自动帮助我们完成，用法如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form action="#">
		<input type="email">
		<input type="submit">
	</form>
</body>
</html>

如果输入不合格，则出现下面代码：

2.url，我们需要判断输入的是否是一个合法的网址，以前也是通过在js脚本中写一堆复杂的正则表达式，现在我们可以使用type为url的input控件，用户如下：

最低0.47元/天解锁文章

优惠劵

输出是最好的学习

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
html5中input的新类型（验证只有在点击提交按钮的时候才触发）

1.email，关于电子邮件是否合法，我们以前通常会在js脚本中写一个复杂的正则表达式来验证，但是现在不用了，类型为email的input控件可以自动帮助我们完成，用法如下： Document 如果输入不合格，则出现下面代码：2.url，我们需要判断输入的是否是一个合法的网址，以前也是通过在js脚本中写一堆复杂的正则表达式，现
复制链接

扫一扫