html之实战二--用table和form完成注册界面

<html>
    <head>
        <meta charset="utf-8" />
        <title>第二次实战--用table和form做出一个漂亮的注册页面</title>
    </head>
    <body>
        <!--
        本程序缺点:用了很多重复的form标签
    -->
        <center><!--可以使表格居中显示-->
            <table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
                <tr>
                    <th colspan="2">信息注册界面</th>
                </tr>
                <tr>
                    <td>用户名:</td>
                    <td>
                        <form>
                            <input type="text" name="user" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td>
                        <form>
                            <input type="password" name="password" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>确定密码:</td>
                    <td>
                        <form>
                            <input type="password" name="password" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <form>
                            <input type="radio" name="sex" value="M" />男
                            <input type="radio" name="sex" value="F" />女
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>技术:</td>
                    <td>
                        <form>
                            <input type="checkbox" name="tech" value="Java" />Java
                            <input type="checkbox" name="tech" value="Html" />Html
                            <input type="checkbox" name="tech" value="Css" />Css
                            <input type="checkbox" name="tech" value="SQLServer" />SQLServer
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>国家:</td>
                    <td>
                        <form>
                            <select name="country">
                                <option value="none">--选择国家--</option>
                                <option value="ch">--中国--</option>
                                <option value="usa">--美国--</option>
                                <option value="en">--英国--</option>
                            </select>
                        </form>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <center><!--使提交按钮和清除数据按钮居中-->
                            <form>
                                <input type="submit" value="提交数据" /><input type="reset" value="清除数据" />
                            </form>
                        </center>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值