Web前端_HTML5（新增type类型）

HTML5新增type类型一

HTML5新增属性

<table border="1" cellspacing="0" align="center" width="500" height="300"><tr align="center"><td colspan="4">教员搜索</td></tr><tr><td>搜索类型</td><td><select><option value="title">搜索教员信息</option><option value="java">Java</option><option value="web">Web</option><option value="python">Python</option></select></td><td>教员身份</td><td><select><option value="title">不限</option><option value="g">高级讲师</option><option value="z">中级讲师</option><option value="c">初级讲师</option></select></td></tr><tr><td>所在地区</td><td><select><option value="title">不限</option><option value="beijing">北京</option><option value="shanghai">上海</option><option value="xian">西安</option><option value="taiyuan">太原</option></select></td><td>性别</td><td><form><input type="radio" name="sex" value="nan">男<br><input type="radio" name="sex" value="nv">女</form></td></tr><tr><td>学习科目</td><td colspan="3"><select><option value="title">请在以下列表中选择</option><option value="beijing">Java</option><option value="shanghai">Web</option><option value="xian">Python</option></select></td></tr><tr><td>学习</td><td colspan="3"><input type="text" placeholder="请输入要学习的内容"></td></tr><tr><td>专业</td><td colspan="3"><form><input type="search" name="search" placeholder="请输入要学习的内容"><input type="submit" value="搜索"></form></td></tr>
</table>

<table align="center"><tr><td align="right">姓名：</td><td><input type="text"></td></tr><tr><td align="right">密码：</td><td><input type="password"></td></tr><tr><td align="right">确认密码：</td><td><input type="password"></td></tr><tr><td align="right">密码提示问题：</td><td><select><option value="title">请选择一个问题</option><option value="name">我的名字</option><option value="sex">我的性别</option><option value="age">我的年龄</option></select></td></tr><tr><td align="right">密码提示答案：</td><td><input type="text"></td></tr><tr><td align="right">性别：</td><td><form><input type="radio" name="sex" value="nan">男<br><input type="radio" name="sex" value="nv">女</form></td></tr><tr><td align="right">年龄：</td><td><input type="number"></td></tr><tr><td align="right">籍贯：</td><td><select><option value="title">请选择</option><option value="name">内蒙古</option><option value="sex">陕西</option><option value="age">山西</option></select>省/直辖市<select><option value="title">请选择</option><option value="name">太原</option><option value="sex">临汾</option><option value="age">大同</option></select>市</td></tr><tr><td align="right">爱好：</td><td><form><input type="checkbox" name="vehicle" value="sw">上网<input type="checkbox" name="vehicle" value="m">看电影<input type="checkbox" name="vehicle" value="l">学习</form></td></tr><tr><td align="right">个人介绍：</td><td><form name="input" action="url" method="get"><textarea rows="10" cols="30"></textarea></form></td></tr><tr><td align="right">上传头像：</td><td><form><input type="file" name="img"></form></td></tr><tr align="center"><td colspan="2"><input type="submit" value="提交"><input type="reset" value="重置"></td></tr>
</table>