<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta:u></meta:u>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<from action="">
<div>
<label for="age">年龄</label>
<input type="number" name="age" id="age" min="18" max="120" step="5">
</div>
<div>
<label for="date">出生日期：</label>
<input type="date" name="date" id="date" min="2015-10-20" max="2018-10-20" value="2016-3-8">
</div>
<div>
<label for="time">上课时间：</label>
<input type="time" name="time" id="time" min="12:15" max="19:36" value="14:30">
</div>
<div>
<lable for="email">Email:</lable>
<input type="email" name="email" id="email" placeholder="yourMail@mail.com">
</div>
<div>
<label for="key">请输入关键字 </label>
<input type="search" name="key" id="key" placeholder="请输入关键字">
</div>
<div>
<label for="url">网站地址：</label>
<input type="url" name="url" id="url" placeholder="请输入完整url">
</div>
<div>
<input type="color" name="color" id="color">
<input type="button" value="获取色值" id="btn" >
<input type="text" name="color_value" id="color_value">
</div>
<input type="submit" value="提交"
</from>
<script>
document.getElementById('btn').onclick=function(){
document.getElementById('color_value').value=document.getElementById('color').value;
}
</script>
<!-- html:5 !
meta:utf
meta:vp
meta:compat
link:css
script:src
p.info
div.red .red
h2#header
<a href="#"></a>
a:link
a:mail
h2.header+p.info
ul>li
ul>li*5
h2>span^p.info
a{PHP....}
p[title="......"]
a[href="http://www.php.cn"]{PHP....}
ul.list>li.item*8>a{导航}
ul.list>li.item*8>a{导航$$}
ul.list>li.item*8>a{导航$$@-}
ul.list>li.item*8>a{导航$$$@100}
---->
</body>
</html>
