利用表格布局页面的操作流程:
<!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>