html5写的注册示例,html5比以前的html4多了很多标签,这些标签不仅可以在PC上面运行,而且可以在移动客户端IOS和Android上运行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minmum-scale=1.0 user-scalable=no" />
<title>test</title>
<script type="text/javascript">
document.addEventListener('plusready', function(){
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"
});
</script>
</head>
<body>
注册美食汇:
<form action="http://www.meishihui68.com.cn/FormTest.aspx" method="post" enctype="multipart/form-data">
<div>
<span>用户名:</span>
<input type="text" placeholder="请输入用户名" required name="uname"/>
<input type="button" value="检查用户名是否存在"/>
</div>
<div>
<span>密码</span>
<input type="password" name="" placeholder="请输入密码" required name="upass"/>
</div>
<div>
<span>确认密码</span>
<input type="password" name="" placeholder="请确认密码" />
</div>
<div>
<span>区域</span>
<select name="uprovince">
<option value="sichuan">四川</option>
<option value="hunan">湖南</option>
<option value="shanxi">山西</option>
<option value="hainan">海南</option>
<option value="guangdong">广东</option>
</select>
</div>
<div>
<span>性别</span>
<input type="radio" name="ugender" checked value="man"/>男
<input type="radio" name="ugender" value="woman"/>女
</div>
<div>
<span>年龄</span>
<input type="number" name="uage" value="20" min="20" max="40" step="1"/>
</div>
<div>
<span>生日</span>
<input type="date" name="udate"/>
</div>
<div>
<span>手机号</span>
<input type="tel" name="utel" required/>
</div>
<div>
<span>头像</span>
<input type="file" name="uphoto"/>
</div>
<div>
<span>主页</span>
<input type="url" name="uurl" required/>
</div>
<div>
<span>Email</span>
<input type="email" name="uemail" required/>
</div>
<div>
<span>喜欢的颜色</span>
<input type="color" name="ubackcolor" />
</div>
<div>
<input type="submit" value="注册"/>
<input type="reset" value="取消"/>
</div>
</form>
</body>
</html>