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

来源:互联网 发布:淘宝网房产司法拍卖 编辑:程序博客网 时间:2024/06/05 16:46
<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>
0 0
原创粉丝点击