【html学习之】表单customer示例

要实现如下图所示的表单：



实现代码为：

<form action="${pageContext.request.contextPath}/servlet/AddCustServlet" method="post" >
<table align="center" border="1px">
<tr>
<th>客户姓名</th>
<th><input type="text" name="name"/></th>
</tr>
<tr>
<th>客户性别</th>
<th>
<input type="radio" name="gender" value="男"/>男
<input type="radio" name="gender" value="女"/>女
</th>
</tr>
<tr>
<th>出身日期</th>
<th><input type="text" name="birthday"/></th>
</tr>
<tr>
<th>手机号码</th>
<th><input type="text" name="cellphone"/></th>
</tr>

<tr>
<th>电子邮箱</th>
<th><input type="text" name="email"/></th>
</tr>
<tr>
<th>客户爱好</th>
<th>
<input type="checkbox" name="preference" value="篮球"/>篮球
<input type="checkbox" name="preference" value="排球"/>排球
<input type="checkbox" name="preference" value="铅球"/>铅球
<input type="checkbox" name="preference" value="足球"/>足球
<input type="checkbox" name="preference" value="羽毛球"/>羽毛球
</th>
</tr>
<span style="white-space:pre"> </span><tr>
<th>客户类型</th>
<th>
<select name="type">
<option value="钻石客户">钻石客户</option>>
<option value="白金客户">白金客户</option>>
<option value="黄金客户">黄金客户</option>>
<option value="白银客户">白银客户</option>>
<option value="青铜客户">青铜客户</option>>
<option value="黑铁客户">黑铁客户</option>>

</select>
</th>
</tr>
<tr>
<th>客户描述</th>
<th>
<textarea rows="5" cols="45" name="description"></textarea>
</th>
</tr>
<tr>
<th>客户姓名</th>
<th>
<input type="submit" value="添加客户"/>
</th>
</tr>
</table>
</form>