<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>编辑个人资料</title>
</head>
<body>
<h1>编辑个人资料</h1>
<hr>
<form action="">
<table border="1" cellspacing="0">
<tr>
<td>昵称</td>
<td><input type="text"></td>
<td rowspan="4"><img src="图/photo.jpg" alt="" width="150" height="200"></td>
</tr>
<tr>
<td >性别</td>
<td>
<input type="radio" name="sb">男
<input type="radio" name="sb">女
</td>
</tr>
<tr>
<td>生日</td>
<td><input type="text" placeholder="yyyy-mm-dd"></td>
</tr>
<tr>
<td>血型</td>
<td><select name="xx" >
<option value="请选择血型">请选择血型</option>
<option value="A型">A型</option>
<option value="B型">B型</option>
<option value="AB型">AB型</option>
<option value="O型">O型</option>
</select>
</td>
</tr>
<tr>
<td>职业</td>
<td><select name="zy">
<option value="--请选择你的职业--">--请选择你的职业--</option>
<option value="军人">军人</option>
<option value="学生">学生</option>
<option value="教师">教师</option>
</select>
</td >
<td align="center"><input type="button" value="上传头像"></td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="ah">运动
<input type="checkbox" name="ah">音乐
<input type="checkbox" name="ah">阅读
<input type="checkbox" name="ah">游戏
其他 <input type="text">
</td>
</tr>
<tr>
<td>个性签名</td>
<td><textarea name="" id="" cols="60" rows="5"></textarea></td>
</tr>
<tr align="center" >
<td colspan="3"><input type="submit" value="保存">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>
HTML的基础练习
最新推荐文章于 2024-08-29 14:33:40 发布