代码改变世界

html table

2020-03-26 16:20  默默不语  阅读(166)  评论(0)  编辑  收藏  举报 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" method="post">
            <h1 align="center">用户注册信息</h1>
            <table border="1" width="1000px" align="center" style="font-size: 20px;">
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="username" /><span style="color: red;">*</span></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password" name="password1" /><span style="color: red;">*</span></td>
                </tr>
                <tr>
                    <td>确认密码</td>
                    <td><input type="password" name="password2" /><span style="color: red;">*</span></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td><input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女<input type="radio" name="sex" value="保密" />保密</td>
                </tr>
                <tr>
                    <td>爱好</td>
                    <td><input type="checkbox" name="hobby" value="运动" />运动<input type="checkbox" name="hobby" value="睡觉" />睡觉<input type="checkbox" name="hobby" value="唱歌" />唱歌</td>
                </tr>
                <tr>
                    <td>头像</td>
                    <td><input type="file" /></td>
                </tr>
                <tr>
                    <td>学历</td>
                    <td>
                        <select style="font-size: 20px;">
                            <option value ="大专">大专</option>
                            <option value ="本科">本科</option>
                            <option value ="硕士">硕士</option>
                            <option value ="博士">博士</option>
                        </select></td>
                </tr>
                <tr>
                    <td>个人简介</td>
                    <td><textarea rows="10" cols="30"></textarea></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="reset" value="重置" style="font-size: 20px;"/>
                        <input type="submit" value="提交" style="font-size: 20px;" />
                        <button type="button" style="font-size: 20px;">按钮</button>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

实现效果：