5、在MyWeb文件夹中用HBuilder X等编辑器编写为MyFormDemo_3. html的文件。按如下要求设计“参会注册表”页面。浏览器运行结果如下图所示:设计要求如下:
(1)页面标题为“参会注册表”;
(2)页面包含:页面内容在form标记内,使用表单嵌套表格,进行页面布局设计,表格标题为“参会注册表”;
(3)各个表单控件的size属性值分别为:姓名size=“10”,单位size=“30”,性别size=“10”,手机size=“11”,预定房间数size=“4”
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>参会注册表</title>
<style>
table,tr,td{
border: 1px solid black;
}
</style>
</head>
<body>
<table align="center">
<caption>参会注册表</caption>
<tr>
<td >姓名:<input type="text" size="10"></td>
<td >单位:<input type="text" size="30"></td>
</tr>
<tr>
<td >性别:<input type="radio" size="10"/>男<input type="radio" />女</td>
<td >手机:<input type="text" size="11"></td>
</tr>
<tr>
<td>酒店:<input type="radio" />天山大酒店<input type="radio" />昆仑饭店</td>
<td >预定房间数:<input type="text" size="4" >套</td>
</tr>
<tr>
<td colspan="2">房间类型:<input type="radio" />单人间(320元)<input type="radio" />标准双人间(380元)<input type="radio" />家庭套间(450元)</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交"> <input type="reset" value="重置"></td>
</tr>
</table>
</body>
</html>