首页 > 代码库 > 利用表格布局页面

利用表格布局页面

2024-10-24 02:44:02   213人阅读

利用表格布局页面的操作流程：

<!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">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" colspan="2" align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <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="提交"/> 
    &nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" name="" value="重置" /></td>
    &nbsp;&nbsp;&nbsp;&nbsp;  
    </tr>
</table>

</body>
</html>

 

利用表格布局页面


联系
我们