利用表格布局页面

Posted WORSHIP亚萨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用表格布局页面相关的知识,希望对你有一定的参考价值。

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

<!
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>

 

以上是关于利用表格布局页面的主要内容,如果未能解决你的问题,请参考以下文章

片段内的表格布局

如何使表格布局中的列均匀分布,最大限度地利用可用空间

带下拉框的选项代码怎么写?

BootStrap有用代码片段(持续总结)

在 Android 中使用具有多个布局的单个片段

如何利用EasyUI框架控制页面布局