<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>input丰富功能</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="http://www.cnblogs.com/peter-Blog" method="get">
color：<input id="color" name="color" type="color" /><br />
date:<input id="date" name="date" type="date" /><br />
time:<input id="time" name="time" type="time" /><br />
datetime:<input id="datetime" name="datetime" type="datetime" /><br />
datetime-local:<input id="datetime-local" name="datetime-local" type="datetime-local" /><br />
week:<input id="week" name="week" type="week" /><br />
month:<input id="month" name="month" type="month" /><br />
email:<input id="email" name="email" type="email" /><br />
tel:<input id="tel" name="tel" type="tel" /><br />
url:<input id="url" name="url" type="url" /><br />
number:<input id="number" name="number" type="number" /><br />
range:<input id="range" name="range" type="range" min="0" max="100" step="5" /><br />
search:<input id="search" name="search" type="search" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>
截图如下：
转载于:https://www.cnblogs.com/peter-Blog/archive/2013/05/05/3061892.html