如何在html5中实现用户注册表单

发布时间:2020-07-14 14:57:27 作者:Leah
来源:亿速云 阅读:228

如何在html5中实现用户注册表单?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

用户注册

<!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>
    <h3>用户注册</h3>
    <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>

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. jQuery实现用户注册的表单验证
  2. html5如何实现表单验证

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 用户注册 h5

上一篇:将ASP.NET Web 应用程序部署到 Windows Azure 网站

下一篇:html5有哪些新增标签

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》