精华内容
下载资源
问答
  • 仿知乎登录注册页面模板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注册页面代码

    2018-07-31 13:51:46
    html实例,一个简单的注册页面,,,,,,,,,,,,,,,,,,
  • HTML5写的注册页面,正在学习html5的朋友可以参考下
  • HTML阿里巴巴注册页面代码 [zip文件] HTML阿里巴巴注册页面代码
  • 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>

    展开全文
  • 我们将我们前面的css样式,JS验证,验证码,加在一起,就是一个完整的注册HTML页面HTML页面完整代码创建reg.html文件html>登陆界面functioncheckinput(){if(myform.name.value==""){alert("请输入用户名");myform...

    我们将我们前面的css样式,JS验证,验证码,加在一起,就是一个完整的注册HTML页面

    HTML页面完整代码

    创建reg.html文件html>

    登陆界面

    function checkinput()

    {

    if(myform.name.value=="")

    {

    alert("请输入用户名");

    myform.name.focus();

    return false;

    }

    if (myform.pwd.value=="")

    {

    alert("请输入密码");

    myform.pwd.focus();

    return false;

    }

    if(myform.pwd.value != myform.pwdconfirm.value){

    alert("你输入的两次密码不一致,请重新输入!");

    myform.pwd.focus();

    return false;

    }

    if (myform.yzm.value=="")

    {

    alert("请输入验证码");

    myform.yzm.focus();

    return false;

    }

    }

    body{background-color: rgba(223, 255, 231, 0.28)

    }

    .container{

    border-radius: 25px;

    box-shadow: 0 0 20px #222;

    width: 380px;

    height: 400px;

    margin: 0 auto;

    margin-top: 200px;

    background-color: rgba(152, 242, 242, 0.23);

    }

    .right {

    position: relative;

    left: 40px;

    top: 20px;

    }

    input{

    width: 180px;

    height: 25px;

    }

    button{

    background-color: rgba(230, 228, 236, 0.93);

    border: none;

    color: #110c0f;

    padding: 10px 70px;

    text-align: center;

    display: inline-block;

    font-size: 16px;

    cursor: pointer;

    margin-top: 30px;

    margin-left: 50px;

    }

    用户注册

    用 户 名:

    密  码: 

    确认密码: 

    验 证 码:

                

    立即注册

    上面的代码就是我们完整注册页面代码,下一步就是我们在注册页面填写了信息,要提交到reg.php页面,由reg.php页面完成将用户填写的信息,存放到数据库

    展开全文
  • 登录注册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+css技术来制作的一个前端页面项目。
  • 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...
  • html5+css3登录注册表单切换页面代码.zip
  • 将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中 具体要求: 完成登录JSP页面设计和注册页面设计 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成登录验证...
  • HTML5写的注册页面,正在学习html5的朋友可以参考下代码如下:register.htmlfunction play(){document.getElementById("menu_item").style.display= "";}function noplay(){document.getElementById("menu_item")....
  • 注册页面代码

    2013-09-26 14:53:08
    html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>贵美商城title> link rel="stylesheet" type="text/css" href="cs
  • login.html我们在此页面对我们的表单内容做了JS判断对表单做了css布局放入了我们yanzhengma.php,验证码文件html>登陆界面functionfoo(){if(myform.name.value==""){alert("请输入用户名");myform.name.focus();...
  • CSS-注册页面代码实例

    2021-02-01 19:33:27
    这是一个注册页面代码实例,里是CSS部分的内容,里是html部分的内容,呈现的效果是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面&...
  • 包含登录注册以及购物商城首页的HTML代码,其中部分功能的JavaScript代码已经写好,稍微调试即可用
  • 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

    2018-06-17 21:18:43
    一个简单的注册页面代码容易理解,适合初学者,简洁,非常实用
  • 注册   loop="false">         \Image\ht.PNG"/>    color:#f0ff58;  width:300px;  height:400px;  border:1px s
  • php+Mysql页面注册代码

    2019-09-29 15:18:15
    页面设置代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <form action="register_post.php" me...
  • html><head><title>表单应用</title></head><body><form action=""method="post"name="form1"><table width="410" border="1" align="center"><tr> <td...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,606
精华内容 1,042
关键字:

注册页面html代码