利用表格布局页面的操作流程:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格布局页面</title>
</head>
<body background="IMG/1.jpg"">
<table width="40%" border="0" align="center">
<tr>
<td height="150" colspan="2"> </td>
</tr>
<tr>
<td height="30" colspan="2" align="center">
<b>用户信息表</b>
</td>
</tr>
<tr>
<td width="200" height="30" align="right" valign="middle">身份证号码:</td>
<td width="200"><input type="text" placeholder="请输入身份证号码" /></td>
</tr>
<tr>
<td height="30" align="right" valign="middle">姓名:</td>
<td><input type="text" placeholder="请输入姓名" /></td>
</tr>
<tr>
<td height="30" align="right" valign="middle">性别:</td>
<td>
<input type="radio" name="sex" />男
<input type="radio" name="sex" />女
</td>
</tr>
<tr>
<td height="30" align="right" valign="middle">民族:</td>
<td>
<select>
<option value="">请选择</option>
<option value="">汉族</option>
<option value="">满族</option>
<option value="">高山族</option>
<option value="">维吾尔族</option>
<option value="">哈萨克族</option>
</select>
</td>
</tr>
<tr>
<td height="30" align="right" valign="middle">婚姻状况:</td>
<td>
<input type="radio" name="marriage" />已婚
<input type="radio" name="marriage" />未婚
</td>
</tr>
</table>
<table width="40%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="30" align="right" valign="middle">用户所在地:</td>
<td width="200" height="30">
<textarea name="address" placeholder="请输入"></textarea>
</td>
</tr>
</table>
<table width="40%%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30" align="center" valign="middle"><input type="submit" name="" value="提交"/>
<input type="reset" name="" value="重置" /></td>
</tr>
</table>
</body>
</html>
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。