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
作业要求：示例代码：效果图：
```
作业要求：

示例代码：


效果图：
```
收起
展开全文
jsp myeclipse
HTMLRegisterPage：静态HTML注册页面实践-源码
2021-02-18 13:48:51
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注册页面综合案例（07
2020-10-05 13:05:37
注册页面 效果：
收起
HTML注册页面代码实现（案例）
万次阅读 2018-09-11 21:12:04
注册页面 &lt;!--定义表单 form--&gt; &lt;form action="#" method="post"&gt; &lt;table border="1" align...
收起
前端开发练习：HTML注册页面
2020-11-05 22:22:50
效果图如下：代码如下： <!DOCTYPE html>...注册页面</title> </head> <body> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <!-- 第一行性别-
收起
HTML注册页面和ASP.NET注册页面比较
2013-08-24 08:36:03
1.HTML function t_userName() { if ($("#userName").val().length == 0) { $("#err_userName").css("visibility", "visible");
收起
html 注册页面 #简单案例
2020-02-21 10:17:43
效果图: 拆分例子: ????表格标签例子???? ⬆️点击⬆️ ...DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <b...
收起
一个简单的html注册页面
2018-09-17 22:48:06
<!DOCTYPE html> <html> <head&...注册页面</title> <style type="text/css"> #title{color:#FF7B0B;font-size:20px;font-
收起
html注册页面连接mysql_注册界面连接数据库
2021-02-03 04:36:25
Insert title here tr > td ，若报错Invalid location of tag，就是嵌套顺序不对%>登录账号：登录密码:性别:男:女:姓名:学号：电子邮箱:所在学院：所在系：所在班级：入学年份...function formReset(){documen...
收起
html注册页面样板_向HTML电子邮件样板打个招呼
2020-06-21 01:59:09
弄清楚html电子邮件将测试任何人的耐心。似乎会出现一个很小的格式化问题，您自己想： “我是世界一流的Web开发人员，受过最新，最出色的html5 / css3 /的教育，无论如何，我都可以通过大量按键来解决这个问题”。 ...
收起
java python css 人工智能
练习一html注册页面输入验证
2015-09-11 16:37:01
源代码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模板
2019-11-24 06:40:41
手机APP注册页面html模板是一款采用css3制作的手机APP注册页面设计html模板。
收起
网页模版
HTML5注册页面示例代码
2020-09-28 01:32:32
HTML5写的注册页面，正在学习html5的朋友可以参考下
收起
HTML5交互式登录注册页面html模板
2020-12-04 16:00:34
HTML5交互式登录注册页面html模板
收起
蓝色简单注册页面登录页面HTML模板.zip
2019-05-23 15:30:50
蓝色简单注册页面登录页面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" >注册页面...
收起

html注册页面

HTML注册页面

HTMLRegisterPage：静态HTML注册页面实践-源码

html注册页面代码

HTML注册页面代码

HTML注册页面代码

HTML注册页面制作

简单的html注册页面

html注册页面综合案例（07

HTML注册页面代码实现（案例）

前端开发练习：HTML注册页面

HTML注册页面和ASP.NET注册页面比较

html 注册页面 #简单案例

一个简单的html注册页面

html注册页面连接mysql_注册界面连接数据库

html注册页面样板_向HTML电子邮件样板打个招呼

练习一html注册页面输入验证

注册页面html

注册页面（纯HTML）

登录注册页面html

html 静态登陆注册页面

HTML个人信息注册页面

HTML绘制用户注册页面

手机APP注册页面html模板

HTML5注册页面示例代码

HTML5交互式登录注册页面html模板

蓝色简单注册页面登录页面HTML模板.zip

注册页面html版本

html注册页面

html注册页面

HTML注册页面

HTMLRegisterPage：静态HTML注册页面实践-源码

html注册页面代码

HTML注册页面代码

HTML注册页面代码

HTML注册页面制作

简单的html注册页面

html注册页面综合案例（07

HTML注册页面代码实现（案例）

前端开发练习：HTML注册页面

HTML注册页面和ASP.NET注册页面比较

html 注册页面 #简单案例

一个简单的html注册页面

html注册页面连接mysql_注册界面连接数据库

html注册页面样板_向HTML电子邮件样板打个招呼

练习一html注册页面输入验证

注册页面html

注册页面（纯HTML）

登录注册页面html

html 静态 登陆 注册 页面

HTML个人信息注册页面

HTML绘制用户注册页面

手机APP注册页面html模板

HTML5注册页面示例代码

HTML5交互式登录注册页面html模板

蓝色简单注册页面登录页面HTML模板.zip

注册页面html版本

html注册页面

html 静态登陆注册页面