本文提供了一个具体的HTML页面布局案例，展示了如何使用表格进行简单的表单设计。通过这个例子，读者可以了解到基本的HTML元素如输入框、文本区域等是如何被组织在一个表格结构中的。
<html>
<head>
</head>
<body>
<div id="type_1" style="border:0px solid Silver;height:90%; width:100%">
<table width=100% height=100% border=0 cellspacing=0 cellpadding=6 style="border:0px solid red">
<tr>
<td valign="middle" align="left" width=10% rowspan=3>
<b>左边的
</b>
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_1" value="1" checked>一一
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_2" value="2">一二
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_3"value="3">一三
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_4" value="4">一四
</td>
</tr>
<tr>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_5" value="5">二一
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_6" value="6">二二
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_9" value="9">二三
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_10" value="10">二四
</td>
</tr>
<tr>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_11" value="11">三一
</td>
<td valign="middle" align="left" width=20% height=25%>
<input type="radio" name="param_con_1" id="param_con_1_12" value="12">三二
</td>
</tr>
<tr>
<td valign="middle" align="left" height=10%>
<b>参数值</b>
</td>
<td valign="middle" align="right" colspan=6 width="80%">
<a id="is_input_1" href="#" οnclick="importWindow('1')"><font color='#123456'><u><b>外部导入</b></u></font></a>
<textarea id="param_val_1" rows=5 style="width:99%" ></textarea>
<br>
另起一样
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
