郁闷，用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=gb2312" />
<title>注册登记页面</title>
</head><body>
     <h2 align="center">学生注册/登记修改</h2>
    <P align="center">为了准确为您服务，请准确填写(<font color="red">*</font>为号必填)</p>
<p align="center">
<from>用户名：<input type="text" size="30"><font color="red">*</font>6-12位英文字母</from></p></br>
<p align="center">
<from>请输入密码：
  <input type="password" size="20"><font color="red">*</font>密码应在12位以上</from></p></br>
<p align="center">
<from>两次输入的密码必须一致：<input type="password" size="20"> <font color="red">*</font>密码应在12位以上</from></p></br>
<p align="center">
<from>真实姓名：<input type="text" size="30"></p></br>
<p align="center">
<from>头像：<input type="text" size="30"> <INPUT TYPE="BUTTON" NAME="OK" VALUE="浏览">
</body>
</html>
我的问题是，它们虽然都中间对齐，效果好难看啊，我想它们各个冒号对齐，怎样才能做到啊。那个用“浏览”上传图像用HTML怎么编写啊，是不是要用到链接啊，可是这个链接不是链接到固定的网页啊，是根据注册人自己在电脑上上传的。还有我虽然显示了“6-12位英文字母”等填写的限制内容，可是实际上我并没有限制它。我很菜，请大家帮忙。我会非常感谢的。

解决方案 »

  1.   

    看标题还以为要用PHP操作注册表。原来是要做一个注册表单
      

  2.   

    align="center"就是对齐，center是居中对齐，left居左，right居右，justify两端对齐 
      

  3.   

    我还纳闷，html什么时候可以直接操作windows注册表了。
    你这个属于页面布局的问题，你可以用div或table先布局，然后把表单元素都放在订好的格子里。你可以去请教美工人员，这个不属于程序员的氛围
      

  4.   

    <!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=gb2312" />
    <title>注册登记页面 </title>
    </head><body>
        <h2 align="center">学生注册/登记修改 </h2>
        <P align="center">为了准确为您服务，请准确填写( <font color="red">* </font>为号必填) </p>
        <center>
              <table border = "1" width = "350"><form>
                
                       <tr> 
                           <td>用户名</td>
                           <td>&nbsp<input type = "text" name = "user"/><br></td>
                       </tr>
                       <tr>
                           <td>请输入密码</td>
                           <td>&nbsp<input type = "text" name = "password"><br></td>
                       </tr>
                       <tr> 
                           <td>两次输入的密码必须一致</td>
                           <td>&nbsp<input type = "text" name = "password"><br></td>
                       </tr>
                       <tr>
                           <td>真实姓名</td> 
                           <td>&nbsp<input type = "text" name = "chack"></td>
                       </tr>
                        <tr>
                           <td>头像</td> 
                           <td>&nbsp<input type="text" size="30"> <br>&nbsp<INPUT TYPE="BUTTON" NAME="OK" VALUE="浏览"></td>
                       </tr>    <tr >
    <th colspan="2"><input type = "submit" value = "提交"/></th>
       </tr>
                       
                  </form>
    </table>
         </center>
    </body>
    </html> 上面是给你改过的页面看看符合你的要求不
      

  5.   

    <!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=gb2312" /> 
    <title>注册登记页面 </title> 
    <style>
    td{height:30px}
    </style>
    </head> <body>
    <table width=700 align=center cellpadding=0 cellspacing=0>
    <tr>
    <td colspan=2>
        <h2 align="center">学生注册/登记修改 </h2> 
        <P align="center">为了准确为您服务，请准确填写( <font color="red">* </font>为号必填) </p> 
    </td>
    </tr>
    <tr><td align=right>用户名： </td><td><input type="text" size="30"> <font color="red">* </font>6-12位英文字母 </from></td></tr>
    <tr><td align=right>请输入密码： </td><td><input type="password" size="20"> <font color="red">* </font>密码应在12位以上 </from></td></tr>
    <tr><td align=right>两次输入的密码必须一致： </td><td><input type="password" size="20"> <font color="red">* </font>密码应在12位以上 </from></td></tr>
    <tr><td align=right>真实姓名： </td><td><input type="text" size="30"> </td><tr>
    <tr><td align=right>头像： </td><td><input type="text" size="30"> <INPUT TYPE="BUTTON" NAME="OK" VALUE="浏览"> </td></tr></table></body> 
    </html> 
      

  6.   

    就算你对齐了也不行吧？有“<from>”这个标签吗？而且你要提交你用户名和密码等等信息的时候，你没有表单<form>这个标签,你也提交不了用户填的这些信息呀
      

  7.   

    <!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=gb2312" />
    <title>注册登记页面 </title>
    </head>
    <body>
    <h2 align="center">学生注册/登记修改 </h2>
    <P align="center">为了准确为您服务，请准确填写( <font color="red">* </font>为号必填) </p>
    <center>
      <table border = "0">
        <form>
          <tr> 
            <td align="left" width="200">用户名 </td>
            <td align="left"><input type = "text" name = "user"/> <br> </td>
          </tr>
          <tr> 
            <td  align="left">请输入密码 </td>
            <td align="left"><input type = "text" name = "password"> <br> </td>
          </tr>
          <tr> 
            <td  align="left">两次输入的密码必须一致 </td>
            <td align="left"><input type = "text" name = "password"> <br> </td>
          </tr>
          <tr> 
            <td  align="left">真实姓名 </td>
            <td align="left"><input type = "text" name = "chack"> </td>
          </tr>
          <tr> 
            <td  align="left">头像 </td>
            <td  align="left"><input type="text" size="20">
              <INPUT TYPE="BUTTON" NAME="OK" VALUE="浏览"></td>
          </tr>
          <tr > 
          <tr>
            <td></td>
            <td align="right" height="20"> 确认提交
              <input type = "submit" value = "提交"/> </td>
          </tr>
        </form>
      </table>
    </center>
    </body>
    </html>
      

  8.   

    给你点参考，以下代码是Dreamweaver提供的注册页面模板，排版先用table，如果不好控制了再用div<!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    </head>
    <body class="sub">
    <form action="" method="post" name="form1" id="form1">
      <table width="90%" border="0" cellpadding="8">
        <tr>
          <td colspan="3" class="HeaderColor">        <h4>Register</h4>      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor" nowrap="nowrap">
            <label for="username"> User Name*</label>      </td>
          <td colspan="2" class="TitleColor">
            <input type="text" id="username" name="textfield" />
            <br />        <span class="small">*Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span>      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">
            <label for="password"> Password</label>      </td>
          <td colspan="2" class="TitleColor">        <input type="text" id="password" name="textfield2" />      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">
            <label for="confirmpassword"> Confirm<br />
            Password*</label>      </td>
          <td colspan="2" class="TitleColor">
            <input type="text" id="confirmpassword" name="textfield3" />
            <br />        <span class="small">* Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span>      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">        Name      </td>
          <td width="43%" class="TitleColor">
            <label for="first">First: </label>        <input type="text" id="first" name="textfield4" />      </td>
          <td width="46%" class="TitleColor">
            <label for="last">Last: </label>        <input type="text" id="last" name="textfield5" />      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">
            <label for="email"> Email</label>      </td>
          <td colspan="2" class="TitleColor">        <input type="text" id="email" name="textfield6" size="50" />      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">        Gender      </td>
          <td colspan="2">        <p class="TitleColor">
              <label for="male">Male </label>
              <input type="radio" id="male" name="radiobutton1" value="radiobutton" />
              <label for="female">Female </label>
              <input type="radio" id="female" name="radiobutton1" value="radiobutton" />
            </p>      </td>
        </tr>
        <tr style="vertical-align: top">
          <td style="text-align: right" class="LabelColor">        Birth Date      </td>
          <td colspan="2">        <table border="0" cellspacing="2" cellpadding="0">
              <tr style="text-align: left">
                <td class="TitleColor">
                  <label for="month">MM </label>
                  <input type="text" id="month" name="textfield7" size="2" />            </td>
                <td class="TitleColor">
                  <label for="day">DD </label>
                  <input type="text" id="day" name="textfield8" size="2" />            </td>
                <td class="TitleColor">
                  <label for="year">YYYY </label>
                  <input type="text" id="year" name="textfield9" size="4" />            </td>
              </tr>
            </table>      </td>
        </tr>
        <tr style="vertical-align: top">
          <td colspan="3">
            <p class="StoryContentColor">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br />
              <label for="yes1">Yes </label>
              <input type="radio" id="yes1" name="radiobutton2" value="radiobutton" checked="checked" />
              <br />
              <label for="no1">&nbsp;No </label>
              <input type="radio" id="no1" name="radiobutton2" value="radiobutton" />
            </p>        <p class="StoryContentColor">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <br />
              <label for="yes2">Yes </label>
              <input type="radio" id="yes2" name="radiobutton3" value="radiobutton" checked="checked" />
              <br />
              <label for="no2">&nbsp;No </label>
              <input type="radio" id="no2" name="radiobutton3" value="radiobutton" />
            </p>      </td>
        </tr>
        <tr style="vertical-align: top" class="FooterColor">
          <td colspan="3">
            <input type="submit" name="SubmitName" value="Submit" />      </td>
        </tr>
      </table>
    </form>
    </body>
    </html>
      

  9.   


    <!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=gb2312" /> 
    <title>注册登记页面 </title> 
    </head> 
    <body>
    <form name='mainform' method='post' enctype="multipart/form-data">
    <table width="950" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="2"><h2 align="center">学生注册/登记修改 </h2> </td>
      </tr>
      <tr>
        <td colspan="2"><P align="center">为了准确为您服务，请准确填写( <font color="red">* </font>为号必填) </p> </td>
      </tr>
      <tr>
        <td align="right">用户名：</td>
        <td><input type="text" size="30" name="username"> <font color="red">* </font>6-12位英文字母</td>
      </tr>
      <tr>
        <td align="right">请输入密码：</td>
        <td><input type="password" size="20" name="passwd"> <font color="red">* </font>密码应在12位以上</td>
      </tr>
      <tr>
        <td align="right">两次输入的密码必须一致：</td>
        <td><input type="password" size="20" name="enpasswd"> <font color="red">* </font>密码应在12位以上</td>
      </tr>
      <tr>
        <td align="right">真实姓名：</td>
        <td><input type="text" size="30" name="realname"></td>
      </tr>
      <tr>
        <td align="right">头像：</td>
        <td><input type="file" name="icon"/></td>
      </tr>
    </table>
    </form>
    </body>
    </html>