<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单标签-Html5</title>
</head>
<body>
<form>
<!--
可以自动校验输入的内容是否符合邮箱的格式
-->
邮箱:<input type="email"><br>
<!--
可以自动校验输入的内容是否是URL地址
-->
域名:<input type="url"><br>
<!--
输入框中只能输入数字
-->
电话:<input type="number"><br>
<!--
可以通过日历来选择时间
-->
时间:<input type="date"><br>
<!--
可以通过取色板来选择颜色
-->
颜色: <input type="color"><br>
<input type="submit">
</form>
</body>
</html>原文：https://www.cnblogs.com/yindanny/p/11666904.html