HTML5入门教程 用户注册表单详解

2018-09-28 23:40:03 织梦安装使用
  • 文章介绍
职坐标 职坐标在线

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户注册</title>
</head>
<body>
    <h2>用户注册</h2>
    <form action="" method="post">
        <!-- 隐藏域 -->
        <input type="hidden" name="uid" value="9527" />
        <table border="0" cellpadding="0" cellspacing="0" width="400px">
            <tr>
                <td align="right"><label for="name">姓名:</label></td>
                <td><input type="text" name="name" id="name"/></td>
            </tr>
            <tr>
                <td align="right">用户名:</td>
                <td><input type="text" name="username"  readonly="readonly" value="tom"/></td>
            </tr>
            <tr>
                <td align="right">密码:</td>
                <td><input type="password" name="pwd"/></td>
            </tr>
            <tr>
                <td align="right">确认密码:</td>
                <td><input type="password" name="repwd"/></td>
            </tr>
            <tr>
                <td align="right">电子邮箱:</td>
                <td><input type="text" name="email"/></td>
            </tr>
            <tr>
                <td align="right">性别:</td>
                <td>
                    <input type="radio" name="sex" value="male" checked="checked" id="male" />
                    <label for="male"><img src="images/Male.gif"/>男</label>&nbsp;
                    <input type="radio" name="sex" value="female"/>
                    <img src="images/Female.gif"/>女
                </td>
            </tr>
            <tr>
                <td align="right">头像:</td>
                <td><input type="file" name="touxiang"/></td>
            </tr>
            <tr>
                <td align="right">爱好:</td>
                <td>
                    <input type="checkbox" name="hobby" value="eat" checked="checked" />吃饭&nbsp;&nbsp;
                    <input type="checkbox" name="hobby" value="sleep" />睡觉&nbsp;&nbsp;
                    <input type="checkbox" name="hobby" value="doudou" />打豆豆&nbsp;&nbsp;
                </td>
            </tr>
            <tr>
                <td align="right">出生日期:</td>
                <td>
                    <input type="text" name="year" size="10"/>年&nbsp;
                    <select name="month">
                        <option value="0" selected="selected">--月份--</option>
                        <option value="1">一月</option>
                        <option value="2">二月</option>
                        <option value="3">三月</option>
                        <option value="4">四月</option>
                        <option value="6">六月</option>
                    </select>月&nbsp;&nbsp;
                    <input type="text" name="day" size="6"/>日
                </td>
            </tr>
            <tr>
                <td align="right">注册协议:</td>
                <td>
                    <textarea rows="4" cols="20" name="intr" readonly="readonly">
                        请遵守相关法律法规。。。
                    </textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="注册" disabled="disabled" />&nbsp;&nbsp;
                    <input type="image" src="images/reset.gif" />&nbsp;&nbsp;
                    <!--<input type="button" value="普通按钮"/>
                --></td>
            </tr>
        </table>    
    </form>
</body>
</html>
        
            $(function () {
                $(‘pre.prettyprint code‘).each(function () {
                    var lines = $(this).text().split(‘ ‘).length;
                    var $numbering = $(‘<ul/>‘).addClass(‘pre-numbering‘).hide();
                    $(this).addClass(‘has-numbering‘).parent().append($numbering);
                    for (i = 1; i <= lines; i++) {
                        $numbering.append($(‘<li/>‘).text(i));
                    };
                    $numbering.fadeIn(1700);
                });
            });

    上一篇: 半小时学会游泳:零基础学游泳视频..

    下一篇: Python爬虫基础:常用HTML标签和Ja..

    相关文档推荐

    精品模板推荐

     2020-07-29   18166  0金币下载

     2020-07-27   65338  0金币下载

     2020-07-27   65333  0金币下载

     2020-06-22   57995  0金币下载

     2020-06-13   62585  0金币下载

     2020-06-13   62587  0金币下载

    专业的织梦模板定制下载站,在线购买后即可下载!

    商业源码

    跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

    立刻开启你的建站之旅
    
    QQ在线客服

    服务热线

    织梦建站咨询