<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<style type="text/css">
.rg{
text-align:right;
}
.in{
width:100%;
}
.btn{
text-align:center;
}
</style>
</head>
<body>
<form action="www.baidu.com">
<table align="center">
<tr>
<td class="rg">用户名:</td>
<td><input type="text" placeholder="请输入用户名" class="in"/></td>
</tr>
<tr>
<td class="rg">密码:</td>
<td><input type="password" placeholder="请输入密码" class="in"/></td>
</tr>
<tr>
<td class="rg">
性别:
</td>
<td >
<!-- 当前文字和元素具有关联关系 id和for name相同 即为同一组 即组内互斥，如果不加name属性 就会出现同时选择-->
<input type="radio" id="man" name="sex"/><label for="man">男</label>
<input type="radio" id="woman" name="sex"/><label for="woman">女</label>
</td>
</tr>
<tr>
<td class="rg">
爱好:
</td>
<td>
<input type="checkbox" id="play" /><label for="play">吃</label>
<input type="checkbox" id="eat"/><label for="eat">喝</label>
<input type="checkbox" id="sleep"/><label for="sleep">睡</label>
</td>
</tr>
<tr>
<td class="rg">
籍贯:
</td>
<td>
<!--下拉选择框-->
<select>
<option>德阳</option>
<option>成都</option>
<option>绵竹</option>
</select>
</td>
</tr>
<tr>
<td class="rg">简介:</td>
<td><textarea cols="30" rows="5">
</textarea></td>
</tr>
<tr>
<td colspan="2" class="btn">
<input type="submit" value="登录" style="width:100px;margin-left:20px;"/>
<input type="reset" value="重置" style="width:100px;margin-left:20px;"/>
</td>
</tr>
</table>
</form>
</body>
</html>
