网页表单为什么出现对不齐现象?

用户注册
用户名:
密码:
性别:
兴趣: 看电影 敲代码 玩游戏
头像:
简历: 请输入个人简历:

img

代码问题吧

放在一个表格里,对齐即可,然后其他地方也可以修改下,如居中等。

修改如下:

参考链接:


https://zhidao.baidu.com/question/135045159.html

https://blog.csdn.net/I_r_o_n_M_a_n/article/details/114163234

    <!-- 
      居中
      https://blog.csdn.net/puzi0315/article/details/104386848
    -->
    <center>
    <!-- 
      设置宽度
      https://zhidao.baidu.com/question/135045159.html
    -->
    <fieldset style="width:500px;" align="center"> 
    <legend>用户注册</legend>
    <table align="center" >
    <tr>
    <td>用户名:</td> <td><input name="username" type="text" /></td>
    <tr/>
    <tr>
    <td>密码:</td>  <td><input name="password" type="password" /></td>
    <tr/>
    <tr>
    <td>性别:</td> <td>    <input name="xingbie" type="radio" /><input name="xingbie" type="radio" /></td>
    <tr/>
    <tr>
    <td>兴趣:</td>     <td><input value="film" name="interest" type="checkbox" /> 看电影 <input value="daima" name="interest" type="checkbox" /> 敲代码 <input value="game" name="interest" type="checkbox" /> 玩游戏</td>
    <tr/>
    <tr>
    <td>头像:</td>     <td><input type="file" name="photo" /></td>
    <tr/>
    <tr>
    <!--  
       设置文本框行列
        https://blog.csdn.net/I_r_o_n_M_a_n/article/details/114163234
    -->
    <td align="top">简历:</td> <td><textarea name="textarea" cols="30" rows="6" > 请输入个人简历:</textarea> </td>
    <tr/>
    </tr>
    <tr align="center">
    <td ></td> <td><input value="注册" type="submit" />&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input value="重填" type="submit" /></td>
    <tr/>
    </table>

    </fieldset>
     </center>

img