url
test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>s</title>
</head>
<body>
url送出成功
</body>
</html> test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form action="test1.html" method="post">
<input type="url" name="url" value="http://baidu.com">
<input type="submit" value="送出">
</form>
</body>
</html> 效果：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>s</title>
</head>
<body>
email送出成功
</body>
</html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form action="test1.html" method="post">
<input type="email" name="email" value="[email protected]">
<input type="submit" value="送出">
</form>
</body>
</html> 
date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form >
<input type="date" name="date" value="">
</form>
</body>
</html> time
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form >
<input type="time" name="time" value="10:00">
</form>
</body>
</html> month
test..html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form>
<input type="month" name="month" value="2017-9-3">
</form>
</body>
</html> week
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form>
<input type="week" name="week" value="">
</form>
</body>
</html> 效果：
number
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form>
<input type="number" name="number" value="20" min="10" max="100" step="10">
</form>
</body>
</html> range
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form>
<input type="range" name="range" value="20" min="10" max="100" step="5">
</form>
</body>
</html>
效果：
color
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form>
<input type="color" name="color"
onchange="document.body.style.backgroundColor=document.getElementById('currentColor').textContent=this.value" >
<span id="currentColor">
</span>
</form>
</body>
</html> 越努力越幸運