1、完成如下表单练习:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0" width="500px" height="300px" align="center">
<tr align="center">
<td colspan="4">教员搜索</td>
</tr>
<tr>
<td>搜索类型</td>
<td>
<form action="">
<select name="" id="">
<option value="搜索教员信息">搜索教员信息</option>
<option value="农夫山泉">农夫山泉</option>
<option value="怡宝">怡宝</option>
<option value="百岁山">百岁山</option>
</select>
</form>
</td>
<td>教员身份</td>
<td>
<form action="">
<select name="" id="">
<option value="不限">不限</option>
<option value="Java">Java</option>
<option value="python">python</option>
<option value="c++">c++</option>
</select>
</form>
</td>
</tr>
<tr>
<td>所在地区</td>
<td>
<form action="">
<select name="" id="">
<option value="不限">不限</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
</select>
</form>
</td>
<td>性别</td>
<td>
<form action="">
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
</form>
</td>
</tr>
<tr>
<td>学习科目</td>
<td colspan="3">
<form action="">
<select name="" id="">
<option value="从以下科目中选择">从以下科目中选择</option>
<option value="Java">Java</option>
<option value="python">python</option>
<option value="c++">c++</option>
</select>
</form>
</td>
</tr>
<tr>
<td>学习</td>
<td colspan="3">
<form action="">
<input type="text" placeholder="请输入学习的内容">
</form>
</td>
</tr>
<tr>
<td>专业</td>
<td colspan="3">
<form action="">
<input type="search" name="搜索" placeholder="请输入专业">
<input type="submit" value="搜索">
</form>
</td>
</tr>
</table>
</body>
</html>
2、完成如下练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table align="center">
<tr>
<td align="right">姓名:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="password" name="密码"></td>
</tr>
<tr>
<td align="right">确认密码:</td>
<td><input type="password" name="确认密码"></td>
</tr>
<tr>
<td align="right">密码提示问题:</td>
<td>
<form action="">
<select name="" id="">
<option value="请选择一个问题">请选择一个问题</option>
<option value="你的生日">你的生日</option>
<option value="你的手机号">你的手机号</option>
<option value="你的姓名">你的姓名</option>
</select>
</form>
</td>
</tr>
<tr>
<td align="right">密码提示答案:</td>
<td><input type="text" name="提示答案"></td>
</tr>
<tr>
<td align="right">性别:</td>
<td>
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
</td>
</tr>
<tr>
<td align="right">年龄:</td>
<td><input type="number" name="age" min="1" max="120"></td>
</tr>
<tr>
<td align="right">籍贯:</td>
<td>
<form action="">
<select name="" id="">
<option value="请选择">请选择</option>
<option value="甘肃省">甘肃省</option>
<option value="上海市">上海市</option>
<option value="江苏省">江苏省</option>
</select>
省/直辖市
<select name="" id="">
<option value="请选择">请选择</option>
<option value="兰州市">兰州市</option>
<option value="上海市">上海市</option>
<option value="苏州市">苏州市</option>
</select>
市
</form>
</td>
</tr>
<tr>
<td align="right">爱好:</td>
<td>
<input type="checkbox" name="aihao" value="game">游戏
<input type="checkbox" name="aihao" value="movie">电影
<input type="checkbox" name="aihao" value="computer">上网
</td>
</tr>
<tr>
<td align="right">个人介绍:</td>
<td>
<textarea name="" id="" cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td align="right">上传头像:</td>
<td><input type="file" name="文件"></td>
</tr>
<tr>
<td align="right"></td>
<td>
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</body>
</html>