菜鸟提问怎么让这些标签对齐呢！！！谢谢

会员名:     <input type="text" id="a1" /><br/>
    性别:       <input type="radio" id="n" value="man" name="c" />男
              <input type="radio" id="n1" value="woman" name="c"/>女<br/>
密码:       <input type="password" id="b" onChange="o1()" /><span id="j1"></span><br />
        确认密码:    <input type="password"  id="b1" onChange="o2()" /><span id="j2"></span><br />
        电子邮件地址: <input type="text" id="a2" onChange="o3()" /><span id="j3"></span><br />
        年龄: <input type="text" id="a3" onchange="o4()" /><span id="j4"></span><br />
         <input type="submit" id="c" class="p2" onclick="o5"/>
这些标签是不对齐的用什么方法能让他们对齐呢？？

解决方案 »

  1.   


    <html>
    <head>
    <style type="text/css">
    input{
    position:absolute;
    left:200px;
    }
    </style>
    </head>
    <body>
    会员名: <input type="text" id="a1" /><br/>
    性别: <input type="radio" id="n" value="man" name="c" />男
    <input type="radio" id="n1" value="woman" name="c"/>女<br/>
    密码: <input type="password" id="b" onChange="o1()" /><span id="j1"></span><br />
    确认密码: <input type="password" id="b1" onChange="o2()" /><span id="j2"></span><br />
    电子邮件地址: <input type="text" id="a2" onChange="o3()" /><span id="j3"></span><br />
    年龄: <input type="text" id="a3" onchange="o4()" /><span id="j4"></span><br />
    <input type="submit" id="c" class="p2" onclick="o5"/></body>
    <html>这种方法不是很好
    不建议采用这种方法
      

  2.   

    做成表格吧，把左边的项目名称和右边的输入框放入不同TD里面，也就是2乘以N的一个表格。
      

  3.   

    <TABLE border="1" >
    <TR>
    <TD align="right">会员名:</TD>
    <TD><input type="text" id="a1" /></TD>
    </TR>
    <TR>
    <TD align="right">性别:</TD>
    <TD><input type="radio" id="n" value="man" name="c" />男
    <input type="radio" id="n1" value="woman" name="c"/>女</TD>
    </TR>
    <TR>
    <TD align="right">密码: </TD>
    <TD><input type="password" id="b" onChange="o1()" /><span id="j1"></span></TD>
    </TR>
    <TR>
    <TD align="right">确认密码:</TD>
    <TD><input type="password" id="b1" onChange="o2()" /><span id="j2"></span></TD>
    </TR>
    <TR>
    <TD align="right">电子邮件地址:</TD>
    <TD><input type="text" id="a2" onChange="o3()" /><span id="j3"></span></TD>
    </TR>
    <TR>
    <TD align="right">年龄:</TD>
    <TD><input type="text" id="a3" onchange="o4()" /><span id="j4"></span></TD>
    </TR>
    <TR>
    <TD align="center" colspan="2"><input type="submit" id="c" class="p2" onclick="o5"/></TD>
    </TR>
    </TABLE>