课本有一个实践环节要求制作调查问卷，以下是我敲的代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打倒小怪兽</title>
</head>
<body>
<h2>调查问卷</h2>
<form>
姓名 <input type="text" value="" name="username" style="margin-left:50px"/><br>
性别 <input type="radio" name="sex" value="male" checked style="margin-top:10px;margin-left:50px"/>男
<input type="radio" name="sex" value="female" />女<br>
所在地<select name="cities" style="margin-top:10px;margin-left:38px">
<option value="Beijing" selected>北京
<option value="Shanghai">上海
<option value="Guangzhou">广州
<option value="Shenzhen">深圳
<option value="Guilin">桂林
<option value="Longnan">陇南
<option value="Nanning">南宁
</select>
<br>
喜欢的歌手 <input type="checkbox" value="ZhangSan" name="lover" style="margin-top:10px;margin-left:5px"/>张三
<input type="checkbox" value="lisi" name="lover" />李四
<input type="checkbox" value="Wangwu" name="lover" />王五
<input type="checkbox" value="Dalianyige" name="lover" />大连一哥
<br>
你的靓照 <input type="file" name="Userphoto" style="margin-top:10px;margin-left:20px"><br>
<table style="magin-top:10px">
<tr>
<td>个人描述</td>
<td><textarea name="describe" rows="10" cols="30" style="margin-top:10px;margin-left:17px"></textarea>
</tr>
</table>
<br>
<input type="button" value="提交" name="usebutton" style="margin-top:10px">
<input type="button" value="重置" name="usebutton" style="margin-left:30px">
</form>
</body>
</html>
这段代码运行结果如下：
现在我的问题是：所有的文本框、单、复选框等都是用style中的margin-left强制对齐的，正式的对齐整齐的方法我刚想明白，应该是用一个大表格把他们括起来，这样右边一列就会自动对齐了。之后修改好后代码会粘贴在下边。