自学内容网 自学内容网

web前端网页用户注册页面

源码:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
</head>
<body>
    <form  action="#" method="post">
        <table width="300"  border="0" cellspacing="1" cellpadding="2">
            <tr style="height: 30;">
                <td colspan="2" align="center" bgcolor="#cccccc"">用户注册</td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">用户名</td>
                <td width="190" bgcolor="#E6E6E6">
                    <input type="text" name="username" maxlength="20" size="13" >
                </td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">密码</td>
                <td width="190" bgcolor="#E6E6E6">
                    <input type="password" name="password" maxlength="20" size="13" >
                </td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">性别</td>
                <td width="90"  bgcolor="#E6E6E6">
                    <input type="radio" name="gender" value="男" >男
                    <input type="radio" name="gender" value="女" checked>女
                </td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">爱好</td>
                <td width="90"  bgcolor="#E6E6E6">
                    <input type="checkbox" name="enjoy" value="写作">写作
                    <input type="checkbox" name="enjoy" value="听音乐">听音乐
                    <input type="checkbox" name="enjoy" value="体育">体育
                </td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">省份</td>
                <td width="90"  bgcolor="#E6E6E6">
                    <select name="adress" id="address">
                        <option value="河北">河北</option>
                        <option value="山西">山西</option>
                        <option value="黑龙江">黑龙江</option>
                        <option value="吉林">吉林</option>
                        <option value="辽宁">辽宁</option>
                        <option value="江苏">江苏</option>
                        <option value="浙江">浙江</option>
                        <option value="安徽">安徽</option>
                        <option value="福建">福建</option>
                        <option value="江西">江西</option>
                        <option value="山东">山东</option>
                        <option value="河南">河南</option>
                        <option value="湖北">湖北</option>
                        <option value="湖南">湖南</option>
                        <option value="广东">广东</option>
                        <option value="海南">海南</option>
                        <option value="四川">四川</option>
                        <option value="贵州">贵州</option>
                        <option value="云南">云南</option>
                        <option value="陕西">陕西</option>
                        <option value="甘肃">甘肃</option>
                        <option value="青海">青海</option>
                        <option value="台湾">台湾</option>
                    </select>
                </td>
            </tr>
            <tr style="height: 30;">
                <td width="90" align="right" bgcolor="#E6E6E6">自我介绍</td>
                <td width="90"  bgcolor="#E6E6E6">
                    <textarea name="commet" id="commet" cols="20" rows="4"></textarea>
                </td>
            </tr>
            <tr style="height: 30;" >
                <td colspan="2" align="centera" bgcolor="#cccccc" >
                    <input type="submit" name="submit" value="提交">
                    <input type="reset" name="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>    
</body>

页面展示 


原文地址:https://blog.csdn.net/W111115_/article/details/142956894

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!