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

    2020-08-03 12:59:43
    实现下面这个注册页面 下面是我实现的 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <h3>青春不...

    实现下面这个注册页面

    在这里插入图片描述
    下面是我实现的

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8">
      <title>注册页面</title>
     </head>
     <body>
      <h3>青春不常在,抓紧时间学习吧</h3><br>
      <table cellspacing="0"  height="20" width="400">
          <tr>
              <td>性别</td>
        <td>
         <input type="radio" name="sex" id="nan" value="" /><label for="nan"></label> 
         <input type="radio" name="sex" id="nv" value="" /><label for="nv"></label> 
        </td>
          </tr>
       <tr>
        <td>生日</td>
        <td>
         <select name="">
          <option >2000年</option>
          <option >2001年</option>
          <option >2002年</option>
          <option >2003年</option>
          <option >2004年</option>
          <option >2005
    
         </select>
         <select name="">
          <option >1月</option>
          <option >2月</option>
          <option >3月</option>
          <option >4月</option>
          <option >5月</option>
          <option >6月</option>
          <option >7月</option>
          <option >8月</option>
          <option >9月</option>
          <option >10月</option>
          <option >11月</option>
          <option >12月</option>
         </select>
         <select name="">
          <option >1日</option>
          <option >2日</option>
          <option >3日</option>
          <option >4日</option>
          <option >5日</option>
          <option >6日</option>
          <option >7日</option>
          <option >8日</option>
          <option >9日</option>
          <option >10日</option>
          <option >11日</option>
          <option >12日</option>
          <option >13日</option>
          <option >14日</option>
          <option >15日</option>
          <option >16日</option>
          <option >17日</option>
          <option >18日</option>
          <option >19日</option>
          <option >20日</option>
          <option >21日</option>
          <option >22日</option>
          <option >23日</option>
          <option >24日</option>
          <option >25日</option>
          <option >26日</option>
          <option >27日</option>
          <option >28日</option>
          <option >29日</option>
          <option >30日</option>
          <option >31日</option>
         </select>
        </td>
       </tr>
       <tr>
        <td>所在地区</td>
        <td><input type="text" name="地区"></td>
       </tr>
       <tr>
           <td>婚姻状况</td>
        <td><input type="radio" name="婚姻" id="wei" value="未婚" /><label for="wei">未婚</label> <input type="radio" name="婚姻" id="yi" value="已婚" /><label for="yi">已婚</label> <input type="radio" name="婚姻" id="li" value="离婚" /><label for="li">离婚</label></td>
       </tr>
       <tr>
        <td>学历</td>
        <td><input type="text" name="学历" ></td>
       </tr>
       <tr>
        <td>喜欢的类型</td>
        <td>
         <input type="checkbox" name="类型" value="hobby" id="可爱"><label for="可爱">可爱的</label>
         <input type="checkbox" name="类型" value="hobby" id=""><label for="">小鲜肉</label>
         <input type="checkbox" name="类型" value="hobby" id=""><label for="">老腊肉</label>
        </td>
       </tr>
       <tr>
        <td>自我介绍</td>
        <td>
         <textarea rows="3" ></textarea><br>   
        </td>
       </tr> 
       <tr>
        <td></td>
        <td>
         <input type="submit" value="免费注册" /><br>
         <input type="radio" name=" 同意注册条款" value="未婚" checked="checked"/>我同意注册条款和会员加入标准<br>
         <a href="https://blog.csdn.net/ingenuou_/article/details/107684755" target="target">我是会员,立即登录</a><br>
         <h3>我承诺</h3>
         <ul>
             <li>抱着严肃的态度</li>
             <li>认真去学习</li>
         </ul>
        </td>
       </tr>
      </table>
     </body>
    </html>
    
    

    在这里插入图片描述

    展开全文
  • HTML注册页面

    2020-09-09 19:29:48
    作业要求: 示例代码: 效果图:

    作业要求:

    在这里插入图片描述

    示例代码:

    在这里插入图片描述
    效果图:

    在这里插入图片描述

    展开全文
  • HTMLRegisterPage:静态HTML注册页面实践
  • html注册页面代码

    2018-07-31 13:51:46
    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>

    展开全文
  • HTML注册页面制作

    2020-08-10 22:00:22
    <!DOCTYPE html>...注册页面</title> <style> *{ margin: 0px; padding: 0px; box-sizing: border-box; } body{ background: url(img/背景.jpg) no-repeat
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>注册页面</title>
    		<style>
    			*{
    				margin: 0px;
    				padding: 0px;
    				box-sizing: border-box;
    			}
    			body{
    				background: url(img/背景.jpg) no-repeat center;
    			}
    			.rg_layout{
    				width: 900px;
    				height: 500px;
    				border:8px solid #EEEEEE;
    				background-color: white;
    				/*让div水平居中*/
    				margin: auto;
    				margin-top: 15px;
    			}
    			.rg_left{
    				/*border: 1px solid red;*/
    				float: left;
    				margin: 15px;
    			}
    			.rg_left > p:first-child{
    				color: #FFD026;
    				font-size: 20px;
    			} 
    			.rg_left > p:last-child{
    				color: #A6A6A6;
    				font-size: 20px;
    			} 
    			
    			.rg_center{
    				/*border: 1px solid red;*/
    				float: left;
    				
    				width: 450px;
    				
    			}
    			.rg_right{
    				/*border: 1px solid red;*/
    				float: right;
    				margin: 15px;
    			}
    			.rg_right > p:first-child{
    				font-size: 15px;
    			} 
    			.rg_right p a{
    				color: pink;
    			}
    			.td_left{
    				width: 100px;
    				text-align: right;
    				height: 45px;
    			}
    			.td_right{
    				padding-left: 50px;
    			}
    			#username,#password,#email,#name,#tel,#birthday,#checkcode{
    				width: 251px;
    				height: 32px;
    				border: 1px solid #A6A6A6;
    				/*设置边框圆角*/
    				border-radius: 5px;
    				padding-left: 10px;
    			}
    			#checkcode{
    				width: 110px;
    			}
    			#img_check{
    				height: 32px;
    				vertical-align: middle;
    			}
    			#btn_sub{
    				width: 150px;
    				height: 40px;
    				background-color: #FFD026;
    				border: 1px solid #FFD026;
    			}
    		</style>
    	</head>
    	<body>
    		
    		<div class="rg_layout">
    			<div class="rg_left">
    				<p>新用户注册</p>
    				<p>USER REGISTER</p>
    			</div>
    			<div class="rg_center">
    				<div class="rg_form">
    					<!--定义表单 form-->
    					<form action="#" method="post">
    						<table>
    						<tr>
    						  <td class="td_left"><label for="username">用户名</label></td>
    						  <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
    						</tr>
    						
    						<tr>
    							<td class="td_left"> <laber for="password">密码</laber></td>
    							<td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
    						</tr>
    						
    						<tr>
    							<td class="td_left"><label for="name">姓名</label></td>
    							<td class="td_right"><input type="text" name="name" id="name"placeholder="请输入姓名"></td>
    						</tr>
    						
    						<tr>
    							<td class="td_left"><label for="email">Email</label></td>
    							<td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td>
    						</tr>
    						
    						<tr>
    							<td class="td_left"><label for="name">姓名</label></td>
    							<td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td>
    						</tr>
    						
    						<tr>
    							<td class="td_left"><label for="tel">手机号</label></td>
    							<td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td>
    						</tr>
    							
    						<tr>
    							<td class="td_left"><label>性别</label></td>
    							<td class="td_right">
    								<input type="radio" name="gender" value="male">男
    							    <input type="radio" name="gender" id="female">女
    							</td>
    						</tr>
    						<tr>
    							<td class="td_left"><label for="birthday">出生日期</label></td>
    							<td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入出生日期">
    						</tr>
    						<tr>
    							<td class="td_left"><label for="checkcode">验证码</label></td>
    							<td class="td_right"><input type="text" name="checkcode" id="checkcode">
    							    <img id="img_check" src="img/验证码.jpg">
    							</td>
    						</tr>
    							
    						<tr>
    							<td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td>
    						</tr>
    						</table>
    					
    					</form>
    					
    				</div>
    			</div>
    			<div class="rg_right">
    				<p>已有账号?<a href="#">立即登录</a></p>
    			</div>
    			
    		</div>
    		
    	</body>
    </html>
    

    在这里插入图片描述

    展开全文
  • 简单的html注册页面

    2020-03-04 23:03:17
    根据今天所学,写的非常简单的一个注册页面,就想分享一下,还有很多不足,慢慢去改正。这个是效果图,只是一个简单的静态页面 还有很多不足的,只希望自己可以坚持下去,不放弃! ...
  • 注册页面 效果:
  • 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...
  • 效果图如下: 代码如下: <!DOCTYPE html>...注册页面</title> </head> <body> <h4>青春不常在,抓紧谈恋爱</h4> <table width="500"> <!-- 第一行性别-
  • 1.HTML function t_userName() { if ($("#userName").val().length == 0) { $("#err_userName").css("visibility", "visible");
  • 效果图: 拆分例子: ????表格标签例子???? ⬆️点击⬆️ ...DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <b...
  • &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&...注册页面&lt;/title&gt; &lt;style type="text/css"&gt; #title{color:#FF7B0B;font-size:20px;font-
  • Insert title here tr > td ,若报错Invalid location of tag,就是嵌套顺序不对%>登录账号:登录密码:性别:男:女:姓名:学号:电子邮箱:所在学院:所在系:所在班级:入学年份...function formReset(){documen...
  • 弄清楚html电子邮件将测试任何人的耐心。 似乎会出现一个很小的格式化问题,您自己想: “我是世界一流的Web开发人员,受过最新,最出色的html5 / css3 /的教育,无论如何,我都可以通过大量按键来解决这个问题”。 ...
  • 源代码html如下: <!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"> <meta http-equ
  • 注册页面html

    2018-06-17 21:18:43
    一个简单的注册页面,代码容易理解,适合初学者,简洁,非常实用
  • 注册页面(纯HTML

    2020-02-04 10:11:18
    HTML注册页面实现展示区 实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <center> <...
  • 登录注册页面html

    2018-06-15 10:03:48
    基于html css jq的登录注册页面,含validate手机号码验证,简单易懂,仅供学习使用,路啦啦啦啦啦啦啦
  • html 静态 登陆 注册 页面

    热门讨论 2013-09-30 22:08:39
    静态Html页面,登陆注册 页面优美
  • HTML个人信息注册页面

    2017-12-18 22:21:39
    HTML设计一个个人信息注册页面 使用HTML设计一个个人信息注册页面,如下图所示,其中页面的排版可采用或<div>+CSS。当点击“提交”按钮时,使用JavaScript编程在当前页面显示录入信息,并且实现籍贯和城市的级联。...
  • HTML绘制用户注册页面

    2020-09-28 05:01:57
    主要为大家详细介绍了HTML绘制用户注册页面的的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 手机APP注册页面html模板是一款采用css3制作的手机APP注册页面设计html模板。
  • HTML5写的注册页面,正在学习html5的朋友可以参考下
  • HTML5交互式登录注册页面html模板
  • 蓝色简单注册页面登录页面HTML模板,有注册和登录2个HTML页面,适合企业公司网站使用。
  • 注册页面html版本

    2019-10-02 16:07:51
    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title></head><body> <!-- <caption align="center" >注册页面...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,826
精华内容 2,730
关键字:

html注册页面