精华内容
下载资源
问答
  • 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注册页面代码实现(案例)

    万次阅读 多人点赞 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...





    注册页面

    <!--定义表单 form-->
    <form action="#" method="post">
        <table border="1" align="center" width="500">
            <tr>
                <td><label for="username">用户名</label></td>
                <td><input type="text" name="username" id="username"></td>
            </tr>
    
            <tr>
                <td><label for="password">密码</label></td>
                <td><input type="password" name="password" id="password" ></td>
            </tr>
    
            <tr>
                <td><label for="email">Email</label></td>
                <td><input type="email" name="email" id="email"></td>
            </tr>
    
            <tr>
                <td><label for="name">姓名</label></td>
                <td><input type="text" name="name" id="name"></td>
            </tr>
    
            <tr>
                <td><label for="tel">手机号</label></td>
                <td><input type="text" name="tel" id="tel"></td>
            </tr>
    
            <tr>
                <td><label>性别</label></td>
                <td><input type="radio" name="gender" value="male"> 男
                    <input type="radio" name="gender" value="female"> 女
                </td>
            </tr>
    
            <tr>
                <td><label for="birthday">出生日期</label></td>
                <td><input type="date" name="birthday" id="birthday"></td>
            </tr>
    
            <tr>
                <td><label for="checkcode">验证码</label></td>
                <td><input type="text" name="checkcode" id="checkcode">
                    <img src="img/verify_code.jpg">
                </td>
            </tr>
    
    
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="注册"></td>
            </tr>
        </table>
    
    
    </form>
    


    展开全文
  • 百度网页注册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>
    

     

    展开全文
  • 登录注册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>简单登录页面代码

    万次阅读 多人点赞 2016-12-06 10:18:50
    简单登录HTML
  • asp注册页面代码

    千次阅读 2010-09-09 16:43:00
    asp注册页面代码
  • HTML5系列代码:用户注册页面

    千次阅读 2020-06-27 10:04:55
    form标签里面常见属性有两种: action:这个是表单提交给某...DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> form { margin:10px auto; width:400px; .
  • 仿知乎登录注册页面模板html下载 ├── images │ └── logo1.png ├── index.html ├── js │ ├── background.js │ ├── index.js │ ├── jquery.min.js │ ├── layer │ │ ├── layer.js │...
  • .NET注册页面代码

    千次阅读 2017-05-08 14:37:26
    前端代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> 用户名"> ...
  • html页面代码重用

    千次阅读 2018-04-01 21:20:14
    HTML不同页面中重用代码 原创骑士救兵2018-02-24 19:55:08评论(2)1398人阅读 需求 几个页面需要的头部和底部的内容往往是一样的,这就希望可以只写一段代码作为模板,然后再几个页面中都加载这...
  • jsp注册页面代码

    千次阅读 2014-04-13 12:49:19
    <title> 用户信息注册页面 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> String userid =request.getParameter("userid"); String password = request.getParameter(...
  • 注册成功邮件html代码模板

    千次阅读 2019-06-17 23:46:33
    注册成功邮件html代码模板 这是在网上找到一个模板然后二改的 如果有小伙伴急需发件模板,可以用我的哦 代码HTML 日期:2019/6/16 模板类型:验证码 效果图 下面代码 <div style="background-color:#ECECEC;...
  • JAVA+JSP+HTML+数据库 实现网页的登录和注册(附详细代码) 受疫情的影响自己在家鼓捣点了东西,也是项目中的一部分,实现了网页的登录和注册,在大佬面前不可一提,本人只是分享自己的实现过程,希望对看到的你...
  • html简单登录页面代码

    万次阅读 2018-06-16 10:18:58
    图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了) 代码如下 &lt;html&gt; &lt;head&gt; &lt;title&gt;tes
  • HTML&CSS实现经典登录注册页面

    万次阅读 多人点赞 2018-10-09 20:43:50
    提要:本篇文章说的是一个简单的登录、注册页面HTML结合css如何实现,包括两个页面的相互跳转,不包括对输入数据的处理,适合刚入门的新手小白。 1、首先看一下最后的实现效果:首先是一个登录界面,点击“立即...
  • 基于HTML5手机登录注册表单代码

    千次阅读 2015-07-13 10:10:00
    分享一款基于HTML5手机登录注册表单代码。这是一款鼠标点击注册登录按钮弹出表单,适合移动端使用。效果图如下: 在线预览 源码下载 实现的代码html代码: &lt;div class="demo"&gt; ...
  • html】【一个简单的用户登录页面代码

    万次阅读 多人点赞 2018-03-15 15:52:49
    结果代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;用户登录.html&lt;/title&gt; &lt;meta http-equiv="keywords" content="...
  • HTML 网页特殊符号代码大全

    千次阅读 多人点赞 2020-07-09 23:07:27
    HTML网页特殊符号代码大全 在网页设计中,我们有时需要把以下两种字符显示在页面上: HTML的保留字符。 无法通过键盘输入但能表达某种特殊含义的字符。 直接使用往往是无法显示的,这时就必须使用它们对应的实体...
  • html】【一个简单的网上购物页面代码

    万次阅读 多人点赞 2018-03-15 14:53:16
    先看结果代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;网上购物&lt;/title&gt; &lt;meta http-equiv="keywords" content="...
  • html 静态 登陆 注册 页面

    热门讨论 2013-09-30 22:08:39
    静态Html页面,登陆注册 页面优美
  • 网页特殊符号HTML代码大全

    千次阅读 2018-08-07 11:27:52
    HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&amp;开头的字母组合或以&amp;#开头的数字。下面就是以字母或数字表示的特殊符号大全。         ...
  • 原文:js学习入门教程笔记:css+html+js用户注册代码实现 源代码下载地址:http://www.zuidaima.com/share/1834762971532288.htm 运行截图:如下: 用户注册:结构层:html;表现层:css;行为层:...
  • HTML代码学习

    2019-09-09 18:06:18
    请根据给出的需求,在基本模板上完善网页网页包括首页、登录、注册界面。 实现3个页面功能,页面外观请参考给出的具体图片 首页代码: <html> <body> <h1>各位~注意了,这个页面是...是首页&...
  • 网易邮箱登录      免费邮 企业邮 VIP邮箱 帮助                  163/126/yeah三大免费邮箱均默认... 客户端、手机与网页,实现发送、阅读邮件立即同步普通登录手机号登录    
  • js实现注册页面回显至登陆页面代码

    千次阅读 2018-03-10 20:57:43
    注册界面的js:主要就是用H5的localStorage,将value存到浏览器,把浏览器作位一个小型的数据库。   var userCooike = document.getElementById('user'), keyCookie = document.getElementById('key'), key...
  • 注册页面(CSS)效果图+代码

    千次阅读 2019-07-21 14:52:49
    效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0px; ...
  • Discuz注册页面的邮箱验证代码分析

    千次阅读 2015-09-10 11:38:56
    注册页面位置:./template/member/register.html 注册邮箱表单元素,如下代码块 *{lang phoneno_validate_code}: {lang getvalidatecode} {lang register_phonecode_tips} 2.打开./source/...
  • HTML登录注册页面简单实现

    千次阅读 多人点赞 2019-10-27 21:30:18
    效果参考:登录页面,注册页面 使用了bootstrap,jQuery。 登录页面源码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 274,215
精华内容 109,686
关键字:

html注册页面代码