HTML5-注册页面(移动端和电脑端)

最新推荐文章于 2024-03-01 11:45:40 发布
最新推荐文章于 2024-03-01 11:45:40 发布
阅读量3.1k 收藏 2
点赞数
分类专栏： PHP HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yqj234/article/details/52253571
版权
HTML5 同时被 2 个专栏收录
13 篇文章 0 订阅
订阅专栏
PHP
11 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="bootstrap/js/jquery.min.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <title>无标题文档</title>
</head>
<body>
    <div class="panel panel-warning">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-th-large" style="margin-right: 10px" />用戶注冊(每项必填)
        </div>
    </div>
    <form action="h5-1.htm" method="post">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">推荐人</span>
                        <input type="text" name="txtParentUserId" class="form-control" maxlength="20" placeholder="推荐人帐号" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">帳    號</span>
                        <input type="text" name="txtUserId" class="form-control" maxlength="20" placeholder="帐号" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">昵    称</span>
                        <input type="text" name="txtUserName" class="form-control" maxlength="20" placeholder="昵称" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">密    码</span>
                        <input type="text" name="txtPassword1" class="form-control" placeholder="密码" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">密    码</span>
                        <input type="text" name="txtPassword2" class="form-control" placeholder="再次输入密码" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">微    信</span>
                        <input type="text" name="txtWeiXin" class="form-control" placeholder="微信" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">手    机</span>
                        <input type="text" name="txtMobile" class="form-control" placeholder="手机" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">验证码</span>
                        <input type="text" name="txtMobile" class="form-control  " placeholder="手机" />
                    </div>
                </div>
                <br />
            </div>
        </div>
        <ul class="pager   divider ">
            <li><a href="#">  注 册  </a></li>
        </ul>
    </div>
    </form>
</body>
</html>

yqj234
关注
专栏目录
使用html+css+js实现完整的登录注册页面
qq_43580271的博客
08-14 1099
在本教程中，我们创建了一个包含登录和注册功能的基本页面。通过 HTML 定义页面结构，使用 CSS 进行样式设计，并通过 JavaScript 实现页面功能，我们构建了一个功能完备的用户界面。这种基础的设计可以根据需要进一步扩展，例如添加表单验证、与后端 API 集成等。希望这个详细的教程对您有所帮助！如果您有任何问题或建议，请在评论区留言，我们将尽快回复。
H5注册页面源码
11-21
H5注册页面源码 单页源码 CSS页面 完整登录界面
前端移动端登录注册页
07-24
包含登录注册两个功能的页面，注册页可以进行手机号验证，手机验证码倒数，密码验证，注册之后完善个人信息页面。
H5自适应登录和注册表单
03-27
H5编写的登录和注册表单，带验证、页面能切换，页面自适应
H5移动端很漂亮的注册界面
07-15
纯h5实现的简介漂亮的移动端注册界面，拿来即用，若有不妥之处，还请指正。 纯h5实现的简介漂亮的移动端注册界面，拿来即用，若有不妥之处，还请指正。
移动端HTML5登录注册精美界面
02-07
最近在开发一款app时，得到了多款app登录界面模板。 全是HTMl5页面，适合Web端和移动端，样式完全兼容。 省的大家再一一去找了，在这里分享给大家。
H5注册页面源码 单页源码 CSS页面 完整登录界面
03-06
H5注册页面源码 单页源码 CSS页面 完整登录界面
H5做一个登录注册界面
qq_63825941的博客
05-24 3402
页面包含两个表单：登陆表单和注册表单。初始状态下，只显示登陆表单，注册表单被隐藏。当用户点击“马上注册”时，登陆表单被隐藏，注册表单被显示。当用户点击“返回登陆”时，注册表单被隐藏，登陆表单被显示。
HTML5设计注册/登录界面
热门推荐
m0_62101200的博客
06-25 2万+
因为我们注册或者登录时是需要提交信息给后台的，所以需要用到表单form标签 span标签是一个基本的文本标签 如果需要登录是要点登录进行页面跳转的，所以我们需要使用a标签进行网址跳转 input标签也就是需要用户进行自行输入信息，并且可以通过type属性进行指定输入文本框的类型，比如我们输入密码时需要进行屏蔽，因而可以设置password属性，在输入密码期间可以不显示具体文本，达到隐私隐藏效果 设置按钮需要用到button标签，其实也可以用input标签，然后设置属性为button，也可以达到同样的
HTML5+CSS3高颜值好看的登录注册PC端和移动端界面，赶紧收藏起来吧！
weixin_65251013的博客
01-30 5185
需要代码的小伙伴可以在评论区拿哦！！！
【基于HTML5的网页设计及应用】——用户注册
shsjssnn的博客
03-01 1610
🎯功能简介 🎯代码解析 🎯核心代码 🎯效果展示
html5在线测试移动端+电脑端
07-28
在“html5在线测试移动端+电脑端”项目中，db.html可能是一个模拟数据库或数据存储的页面，用于保存和管理测试题目及答案。而images文件夹则包含了所有用于装饰和功能性的图片资源，这些图片可能包括测试界面的按钮...
HTML网站源码-显示屏效果网页模板-适配移动端&PC端.zip
最新发布
03-30
它采用了最新的HTML5和CSS3技术，具有响应式设计，能够适应不同设备的屏幕尺寸。此外，它还包含了丰富的JavaScript插件，可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对...
Amaze UI手机移动端新闻html5页面模板-wap 手机 移动端 新闻 Amaze UI.rar
02-25
总的来说，“Amaze UI手机移动端新闻html5页面模板-wap 手机 移动端 新闻 Amaze UI.rar”是移动开发者的宝贵资源，它整合了HTML5的强大功能和Amaze UI的优秀设计，为构建高质量的移动端新闻网站提供了便捷的起点。...
HTML5 常见面试题之PC端和移动端区别介绍
09-27
PC端和移动端的区别主要可以从以下几个方面来进行详细阐述： 一、界面布局 PC端和移动端的界面布局存在较大差异，这主要是由于屏幕尺寸的不同导致的。PC端的屏幕尺寸较大，通常有更大的空间可以利用，布局也因此...
HTML5用户注册页面实现案例
＃两个西柚
03-20 2528
【代码】HTML5用户注册页面实现案例。
html5创建一个登录页面的代码怎么实现
weixin_42576804的博客
02-12 398
下面是创建一个HTML5登录页面的示例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <h1>登录</h1>...
html(五)注册页面案例
wzj_110的博客
02-21 220
html5注册小案例
【html+css】html登录注册页面
陈俊卓的博客
07-08 2万+
html页面登录注册代码，包含css样式
手机登录页面html代码
12-30
很抱歉，根据提供的引用内容，没有找到关于手机登录页面的HTML代码。但是，我可以为您提供一个简单的示例代码，用于创建一个基本的手机登录页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>手机登录页面</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } .container { max-width: 400px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .container h2 { text-align: center; margin-bottom: 20px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 5px; font-weight: bold; } .form-group input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 3px; } .form-group button { width: 100%; padding: 10px; background-color: #4CAF50; color: #fff; border: none; border-radius: 3px; cursor: pointer; } </style> </head> <body> <div class="container"> <h2>手机登录</h2> <form> <div class="form-group"> <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入用户名"> </div> <div class="form-group"> <label for="password">密码:</label> <input type="password" id="password" name="password" placeholder="请输入密码"> </div> <div class="form-group"> <button type="submit">登录</button> </div> </form> </div> </body> </html> ``` 这是一个简单的手机登录页面的HTML代码示例，包含了一个用户名输入框、一个密码输入框和一个登录按钮。您可以根据需要进行修改和定制。希望对您有帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值