首页 > 代码库 > HTML——使用表格对表单进行布局

HTML——使用表格对表单进行布局





<!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>
	<form action="#" method="post">
    	<table width="450" border="0" bgcolor="#000000" cellspacing="1" cellpadding="2"><!--cellspacing指相邻单元格之间的间距,cellpadding指控制单元格内部文字与边框的边距-->
        <tbody>
        	<tr height="30">
            	<td colspan="2" align="center" bgcolor="#CCCCCC"><font size="5">用户注册</font></td>
            </tr>
            <tr height="30">
            	<td width="150" align="right" bgcolor="#E6E6E6">用户名</td>
                <td width="300" bgcolor="#E6E6E6">
                	<input type="text" name="UserName" maxlength="20" size="15" /></td>
            </tr>
            <tr height="30">
            	<td align="right" bgcolor="#E6E6E6">密码</td>
                <td bgcolor="#E6E6E6">
                	<input name="UserPass" type="password" size="15" maxlength="20" /></td>
            </tr>
            <tr height="30">
            	<td align="right" bgcolor="#E6E6E6">重复密码</td>
                <td bgcolor="#E6E6E6">
                	<input name="UserPass" type="password" size="15" maxlength="20" /></td>
            </tr>
            <tr height="30">
            	<td align="right" bgcolor="#E6E6E6">性别</td>
                <td bgcolor="#E6E6E6">
                	<input name="sex" type="radio" value=http://www.mamicode.com/"男" checked="checked" />男>





HTML——使用表格对表单进行布局