<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<form action="" method="" name="">
用户名 <input type="text" value="李木子" />
密 码 <input type="password" maxlength="8" /><br />
性别 <br />
<input type="radio" name="sex" checked /> 男<br />
<input type="radio" name="sex" /> 女<br />
喜好<br />
<input type="checkbox" name="hobby" />电竞<br />
<input type="checkbox" name="hobby" />跑步<br />
<input type="checkbox" name="hobby" />游泳<br />
<input type="image" src=""><br />
<textarea name="" id="" cols="30" rows="10"></textarea><br />
<input type="button" value="按钮" />
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
</div>
<input type="text" value="流动" list="ren" />
<datalist id="ren">
<option>赵大</option>
<option>李二</option>
<option>孙思</option>
<option>许元</option>
</datalist>
<fieldset>
<legend>登录</legend>
用户名:<input type="text" /><br />
密 码:<input type="password" /><br />
<input type="submit"> <input type="reset">
</fieldset>
<form action="">
<fieldset>
<legend>学生档案</legend>
<label>姓名:<input type="text" placeholder="请输入学生姓名" /></label><br>
<label>手机号:<input type="tel" /></label><br>
<label>邮箱:<input type="email" /></label><br>
<label>所属学院:<input type="text" placeholder="请选择学院" list="xueyuan" />
<datalist id="xueyuan">
<option>java学院</option>
<option>前端学院</option>
<option>php学院</option>
<option>设计学院</option>
</datalist>
<br />
<label>出生日期:<input type="date /"><br /></label>
成绩:<input type="number /"><br />
毕业时间:<input type="date"><br />
<input type="submit"> <input type="reset">
</fieldset>
</form>
<video controls>
<source src="http://resource.yaokan.sogoucdn.com/videodown/4/702/7d02396e83858a7619e99ae08d2e91cd.mp4" controls>
</video>
<audio src="//y.qq.com/portal/player.html" controls></audio>
</body>
</html>