精华内容
下载资源
问答
  • html注册页面代码

    2018-07-31 13:51:46
    html实例,一个简单的注册页面,,,,,,,,,,,,,,,,,,
  • HTML5写的注册页面,正在学习html5的朋友可以参考下
  • 自己练习html和css时做的一个高仿B站注册页面,没有用到js,单纯是静态页面,仅供大家学习参考!禁止商用!
  • html网页用户注册表单验证校验JavaScript源码代码,完整代码已经打包,还迎下载,代码仅供学习参考。 function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//通过id...
  • 仿京东会员注册demo,html文件,用户名,密码,邮箱,手机号验证 js验证。简单的一个仿京东注册表单。
  • 登录注册HTML页面代码

    万次阅读 多人点赞 2021-01-06 17:29:23
    创建register.html文件,录入如下代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> form { width:100%;

    一、注册

    创建register.html文件,录入如下代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                form
                { 
                    width:100%;
                    height:100%;
                    margin-top: 100px;
    				margin-bottom: 100px;
                    background:#008B8B;
                }
                div
                {
                    display:inline-block;
                    padding-top: 255px;
                    padding-bottom: 255px;
    				padding-left: 1px;
    				padding-right: 1px;
                }
                h2
                {
                    font-family: "微软雅黑";
                font-size: 40px;
                    color:black;
                }
                #log
                {
                    color:blue;
                }
            </style>
        </head>
        <body>
            <form>
    		    <center>
                <div>
                <h3>
                注册
    			</h3>
    			<p>
    				用户名:<input type="text"/>
    			</p>
    			<p>&emsp;码:<input type="password"/>
    			</p>
    			<p>
    				手机号:<input type="text"/>
    			</p>
    			<p>
    				<input id=reg type="submit" value="立即注册" />
    			</p>
    			<p>
    				已有账号?<a href="login.html">请登录</a>
    			</p>   
                </div>
                </center>			
            </form>      
        </body>
    </html>
    

    打开register.html文件,效果如下:
    在这里插入图片描述

    二、登录

    创建login.html文件,录入如下代码

    <!DOCTYPE html>
    <html>
        <head>
    		<meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                form
                { 
                    width:100%;
                    height:100%;
                    margin-top: 100px;
    				margin-bottom: 100px;
                    background:#008B8B;
                }
                div
                {
                    display:inline-block;
                    padding-top: 255px;
                    padding-bottom: 255px;
    				padding-left: 1px;
    				padding-right: 1px;
                }
                h2
                {
                    font-family: "微软雅黑";
                font-size: 40px;
                    color:black;
                }
                #log
                {
                    color:blue;
                }
            </style>
        </head>
        <body>
    		<!--div class="div">
    			<img src="favicon.png" width="100%" height="200px" alt=""  id="picture">
    		</div-->
            <form name="login">
                <center>
                <div>
                <h2>
                    登录
                </h2>
                <p>
                    用户名:<input type="text"/>
                </p>
                <p>&emsp;码:<input type="password"/>     
                </p>
                <p>
                    <input id=log type="submit" value="立即登录" />
                </p>
    			<p>
    				没有账号?<a href="register.html">请注册</a>
    			</p>   
                </div>
                </center>
            </form>
        </body>
    </html>
    
    

    打开login.html文件,效果如下:在这里插入图片描述

    展开全文
  • HTML阿里巴巴注册页面代码
  • 百度网页注册HTML代码

    千次阅读 多人点赞 2019-10-16 10:48:57
    DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册百度账号</title> </head> <style> *{ margin:0; padding:0; } body{ width:...
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>注册百度账号</title>
    	</head>
    	<style>
    		*{
    			margin:0;
    			padding:0;
    		}
    		body{
    			width:80%;
    			margin:auto;
    		}
    		#head{
    			display: block;
        		overflow: hidden;
    		}
    		.logo{
    			
    			width:137px;
    			height:46px;
    			margin-top:15px;
    			margin-left:47px;
    			float:left;
    		}
    		#head p{
    			height:25px;
    			width:140px;
    			font-size:18px;
    			border-left:1px solid #d9d9d9;
    			color:#666666;
    			text-align: center;
    			float:left;
    			margin-top:37px;
    			margin-left:13px;
    			font-weight:bold;
    			
    		}
    		.logo_a{
    			text-decoration: none;
    			width:330px;
    			height:76px;
    			margin-left:50px;
    		}
    		#login{
    			margin-top:27px;
    			margin-right:70px;
    			float: right;
    			font-size: 10px;
    			
    		}
    		#login>button{
    			margin-left:5px;
    			width:50px;
    			height:30px;
    			border: 1px solid #ededed;
    			border-radius: 7%;
    			background: #f7f7f7;
    		}
    		
    		.example {
       		width: 100%;
       		height: 3px;
       		background: -webkit-linear-gradient(top,#C1C1C1,#EDEDED);
       		margin-bottom: 50px;
       		margin-top: 20px;
     		}
    		#left{
    			float:left;
    			width:750px;
    			height:380px;
    		}
    		#left form{
    			margin-left:70px;
    		}
    		#left p{
    			margin-bottom:20px;
    			color:#666695;
    		}
    		#left span{
    			font-size:10px;
    			height:20px;
    		}
    		#left .text{
    			margin:0 7px;
    			width:350px;
    			height:40px;
    			padding-left:15px;
    		}
    		.check_p{
    			margin-left:5px;
    			font-size: 8px;
    			
    		}
    		.check_p a{
    			text-decoration:none;
    		}
    		.checkbox{
    			margin-left:50px;
    		}
    		.submit{
    			margin-top:20px;
    			margin-left:50px;
    			width:370px;
    			height:40px;
    			background: #3F89EC;
    			border-radius: 5px;
    			color:#fff;
    			font-size:18px;
    		}
    		#right{
    			width:258px;
    			height:205px;
    			border:1px solid #D1EEFF;
    			float: right;
    			background: #F5FBFF;
    			margin-right:50px;
    		}
    		#right_main{
    			margin:5px auto;
    			width:230px;
    			height:190px;
    		}
    		#right_top{
    			margin:0 auto;
    			border-bottom: 1px solid #E6EDF2;
    			width:230px;
    			height:50px;
    		}
    		#right_top img{
    			margin-top: 5px;
    		}
    		#right_top span{
    			float:right;
    			margin: 10px 100px 0 0px;
    		}
    		.font1{
    			margin-top:10px;
    			font-size:10px;
    		}
    		.font2{
    			font-size:14px;
    			color:#F18300;
    			font-weight: bold;
    		}
    		.div{
    			display: inline;
    		}
    		.pp{
    			float:left;
    		}
    		.span{
    			color:#666695;
    		}
    		.p1{
    			position: absolute;
    			top:380px;
    		}
    		#bottom{
    			position: absolute;
    			top:600px;
    			left:650px;
    			font-size: 12px;;
    		}
    		#bottom p{
    			color:#666695;
    		}
    		li{
    			font-size: 10px;
    			color:#666695;
    		}
    		.div1{
    			float:left;
    			margin-left:15px;
    		}
    		.div2 span{
    			color:#666695;
    		}
    	</style>
    	<body>
    		<div id="head">
    			<a class="logo_a" href="http://www.baidu.com">
    			<img class="logo" src="images/logo.gif"/>
    			<p>注册百度账号</p>
    			</a>
    			<span id="login">我已注册,现在就<button>登录</button></span>
    		</div>
    		<div id="main">
    		
    			<div class="example"> </div>
    			<div id="left">
    				<form method="post" action="#">
    					<p class="pp">用户名<input class="text" placeholder="请设置用户名" type="text"/><div class="div" ><span class="span">设置后不可更改</span><br/><span class="span">中英文均可,最长14个英文字符或7个汉字</span></div></p>
    					<p class="pp">手机号<input class="text" placeholder="可用于登录和找回密码" type="text"/><div class="div2"><span>请输入中国大陆手机号,其他用户不可见</span></div></p>
    					<p class="pp">验证码<input class="text" placeholder="请输入验证码" type="text"/></p>
    					<p class="pp">&nbsp&nbsp&nbsp密码<input class="text" placeholder="请设置登录密码" type="text"/><div class="div1"><ul><li>长度为6~14个字符</li><li>支持数字,大小写字母和标点符号</li><li>不允许有空格</li></ul></div></p>
    					<p class="p1"><input class="checkbox" type="checkbox"  checked="checked" /><span class="check_p">阅读并接受<a href="#">《百度用户协议》</a></span></p>
    					<br/>
    					<input class="submit" type="submit" value="注册" />
    				</form>
    				
    			</div>
    			<div id="right">
    				<div id="right_main">
    					<div id="right_top">
    						<img src="images/shouji.png"/>
    						<span>手机快速注册</span>
    					</div>
    					<p class="font1">请使用中国大陆手机号,编辑短信:</p>
    					<p class="font2">6-14位字符(支持数字/字母/符号)</p>
    					<p class="font1">作为登录密码,发送至:</p>
    					<p class="font2">1069 0691 036590</p>
    					<p class="font1">即可注册成功,手机号即为登录帐号。</p>
    				</div>
    			</div>
    			</div>
    			<div id="bottom">
    				<p>2017 ©Baidu</p>
    			</div>
    
    	</body>
    </html>
    

     

    展开全文
  •  - 使用表格实现页面效果  - 超链接不想要有效果,使用href="#"  - 如果表格里面的单元格没有内容,使用空格作为占位符    - 使用图片标签提交表单 <input type="image" src="图片的路径"/>   完整...
  • jQuery仿京东会员注册页面表单验证代码是一款清爽简洁的京东注册界面,带有注册成功后的界面代码
  • 基于HTML5 用户注册页面 内附源码 可直接使用。。。。。。。。。。。。。。。。。。
  • 登陆注册页面html代码(仿知乎)

    千次阅读 2020-12-08 12:41:41
    仿知乎登录注册页面模板html下载 ├── images │ └── logo1.png ├── index.html ├── js │ ├── background.js │ ├── index.js │ ├── jquery.min.js │ ├── layer │ │ ├── layer.js │...

    开发语言:CSS
    实例大小:0.08M
    实例类别:HTML基础
    【实例截图】
    【核心代码】
    仿知乎登录注册页面模板html下载
    ├── images
    │ └── logo1.png
    ├── index.html
    ├── js
    │ ├── background.js
    │ ├── index.js
    │ ├── jquery.min.js
    │ ├── layer
    │ │ ├── layer.js
    │ │ └── skin
    │ │ ├── default
    │ │ │ ├── icon-ext.png
    │ │ │ ├── icon.png
    │ │ │ ├── loading-0.gif
    │ │ │ ├── loading-1.gif
    │ │ │ └── loading-2.gif
    │ │ └── layer.css
    │ └── particles.js
    ├── register.html
    └── style
    └── register-login.css
    6 directories, 15 files
    内容转载自网站: 阁楼网源 -最干净的资源网站在这里插入图片描述
    在这里插入图片描述

    展开全文
  • HTML注册登录页面模板,左右切换,用户注册、用户登录两种功能。
  • 小米商城首页 登入 注册 代码
  • html、JS、css写的一个登录界面的网页,同时可以注册,方便实用。
  • HTML注册页面代码

    万次阅读 2015-11-11 15:50:22
    HTML注册页面代码       Untitled Document    function checkname(){  var div = document.getElementById("div1");  div.innerHTML = "";  var name1 = document.form1.text1.value;  if ...

    HTML注册页面代码

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <script language="javascript"> 
    function checkname(){ 
    var div = document.getElementById("div1"); 
    div.innerHTML = ""; 
    var name1 = document.form1.text1.value; 
    if (name1 == "") { 
    div.innerHTML = "姓名不能为空!"; 
    document.form1.text1.focus(); 
    return false; 

    if (name1.length < 4 || name1.length > 16) { 
    div.innerHTML = "姓名输入的长度4-16个字符!"; 
    document.form1.text1.select(); 
    return false; 

    var charname1 = name1.toLowerCase(); 
    for (var i = 0; i < name1.length; i++) { 
    var charname = charname1.charAt(i); 
    if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) { 
    div.innerHTML = "姓名包含非法字母,只能包含字母,数字,和下划线"; 
    document.form1.text1.select(); 
    return false; 


    return true;

    }

    function checkpassword(){ 
    var div = document.getElementById("div2"); 
    div.innerHTML = ""; 
    var password = document.form1.text2.value; 
    if (password == "") { 
    div.innerHTML = "密码不位空!"; 
    document.form1.text2.focus(); 
    return false; 

    if (password.length < 4 || password.length > 12) { 
    div.innerHTML = "密码长度4-12位"; 
    document.form1.text2.select(); 
    return false; 

    return true; 
    }

    function checkrepassword(){ 
    var div = document.getElementById("div3"); 
    div.innerHTML = ""; 
    var password = document.form1.text2.value; 
    var repass = document.form1.text3.value; 
    if (repass == "") { 
    div.innerHTML = "密码不位空!"; 
    document.form1.text3.focus(); 
    return false; 

    if (password != repass) { 
    div.innerHTML = "输入密码和确认密码长度不一致"; 
    document.form1.text3.select(); 
    return false; 

    return true; 
    }

    function checkEmail(){ 
    var div = document.getElementById("div4"); 
    div.innerHTML = ""; 
    var email = document.form1.text5.value; 
    var sw = email.indexOf("@", 0); 
    var sw1 = email.indexOf(".", 0); 
    var tt = sw1 - sw; 
    if (email.length == 0) { 
    div.innerHTML = "电子邮件不能位空"; 
    document.form1.text5.focus(); 
    return false; 

    if (email.indexOf("@", 0) == -1) { 
    div.innerHTML = "电子邮件格式不正确,必须包含@符号!"; 
    document.form1.text5.select(); 
    return false; 

    if (email.indexOf(".", 0) == -1) { 
    div.innerHTML = "电子邮件格式不正确,必须包含.符号!"; 
    document.form1.text5.select(); 
    return false; 

    if (tt == 1) { 
    div.innerHTML = "邮件格式不对。@和.不可以挨着!"; 
    document.form1.text5.select(); 
    return false; 

    if (sw > sw1) { 
    div.innerHTML = "电子邮件格式不正确,@符号必须在.之前"; 
    document.form1.text5.select(); 
    return false; 

    else { 
    return true; 
    }

    return ture; 
    }

    function check(){ 
    if (checkname() && checkpassword() && checkrepassword() && checkEmail()) { 
    return true; 

    else { 
    return false; 


    </script> 
    </head> 
    <body> 
    <form name="form1" method="post" action="2.html" οnsubmit="return check()"> 
    <table> 
    <tr> 
    <td> 
    用户名: 
    </td> 
    <td> 
    <input id="text1" type="text" name="text1" οnblur="check()"> 
    <div id="div1" style="display:inline"> 
    </div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    密码: 
    </td> 
    <td> 
    <input id="text2" type="password" name="text2" οnblur="check()"> 
    <div id="div2" style="display:inline"> 
    </div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    确认密码: 
    </td> 
    <td> 
    <input id="text3" type="password" name="text3" οnblur="check()"> 
    <div id="div3" style="display:inline"> 
    </div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    电子邮件地址: 
    </td> 
    <td> 
    <input id="text4" type="text" name="text4" οnblur="check()"> 
    <div id="div4" style="display:inline"> 
    </div> 
    </td> 
    </tr> 
    <tr align="center"> 
    <td align="center"> 
    <input type="submit" value="提交" name="tect6"><input type="reset" value="重置" name="text7"> 
    </td> 
    </tr> 
    </table> 
    </form> 
    </body> 
    </html>

    展开全文
  • html注册表单代码

    2013-06-23 11:44:35
    这是一个html表单代码,用于会员注册,简单易懂,例如: 性别选择部分: 性别: 男 女 </td> </tr>
  • 使用HTML+CSS+JavaScript搭建的网易邮箱注册页面,所用代码和素材都已经包含在压缩包中,涉及网页的搭建和客户端对用户名、密码等的格式验证。欢迎大家下载参考
  • jQuery手机端注册登录页面代码是一款基于jquery mobile实现的手机端注册登陆页面特效。
  • HTML新浪微博资料修改页面代码
  • 登录注册界面(HTML

    2017-12-20 22:01:33
    注册界面可判断密码为空、前后密码是否一致、账号名是否与数据库的重复;登陆界面错误提示淡入动画出现,界面清新整洁,有动态背景图 HTML注册登录
  • html简单的注册页面

    2013-12-15 21:59:55
    很简单的html网页制作,包含基本的注册功能
  • HTML绘制用户注册页面

    2020-09-28 05:01:57
    主要为大家详细介绍了HTML绘制用户注册页面的的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • HTML注册页面代码实现(案例)

    万次阅读 多人点赞 2018-09-11 21:12:04
    注册页面 &amp;lt;!--定义表单 form--&amp;gt; &amp;lt;form action=&quot;#&quot; method=&quot;post&quot;&amp;gt; &amp;lt;table border=&quot;1&quot; align...
  • HTML中使用表单标签制作注册页界面,表单标签重要的是使用type属性
  • 京东登录注册页面.zip

    2020-08-17 11:21:46
    HTML5+css实现京东登录和的静态页面。新手学习,
  • 百度注册页demo

    2018-11-28 19:16:59
    自己写的纯html的百度注册页面,适合初学者学习css的布局。
  • HTMLQQ号码申请页面代码
  • 仿京东注册页面源码

    2017-11-30 18:38:45
    模仿京东注册页面,含正则表达式验证,功能齐全。右侧有表格,可删除行,模仿数据库。亲测效果还可以
  • 简洁美观的登录和注册html页面,从17素材网站充钱下载所得,分享出来供大家使用。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 278,628
精华内容 111,451
关键字:

注册页面html代码