这个简单的用户注册页面（学习中。。。。。）
不怎么美观，就实现了一些简单的功能。
<html>
<head>
<title>www.baidu.com</title>
<link href="title01.css" rel="stylesheet" type="text/css" />
<link href="color02.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.title01 {
font-family: "宋体";
font-size: 24px;
font-style: normal;
font-weight: bold;
color: #FF0000;
background-color: #999999;
}
.color {
font-family: "方正舒体";
font-size: 16px;
font-weight: normal;
font-variant: normal;
color: #0000FF;
text-decoration: underline;
}
</style>
<script language="javascript">
function checkpassword(){
var a = document.myform.password.value;
var b = document.myform.password2.value;
if(a==b){
//alert("继续！");
}else{
document.myform.password2.focus();
document.myform.password2.select();
alert("请输入相同的密码");
}
}
function web(thisurl){
//window.location = thisurl;//重定向
window.open(thisurl,"页面属性","width=800,height=500,scrollbars=yes,resizeable=yes");// 在新页面中打开
}
function Input(thisurl){
window.open(thisurl,"页面属性","width=300,height=200,scrollbars=yes,resizeable=no");
}
function del(){
if(window.confirm("是否删除")){
alert("你选择删除！");
}else{
alert("你选择取消！");
}
}
function check(){
var v = document.myform.email.value;
if(!/^\w+@+\w+.\w+$/.test(v)){
alert("请输入正确的邮箱格式!");
document.myform.email.focus();
document.myform.email.select();
}else{
alert("right!");
}
}
function show(){
var s ="姓名：";
var val = document.myform.name.value;
s+=val+"，"
if(document.myform.sex[0].checked){
val = document.myform.sex[0].value;
}else{
val = document.myform.sex[1].value;
}
s+="性别:";
s+=val+"，";
s+="爱好："
for(i=0;i<document.myform.inst1.length;i++){
if(document.myform.inst1[i].checked){
s+=document.myform.inst1[i].value+"，";
}
}
s+="来自于："
for(i=0;i<document.myform.from.length;i++){
if(document.myform.from[i].selected){
s+=document.myform.from[i].value;
}
}
s+="，"
s+="邮箱地址：";
s+=document.myform.email.value;
document.myform.area.value = s;
}
</script>
</head>
<body>
<form action="" name="myform" method="post">
<table width="676" border="1" align="center">
<tr>
<td colspan="2"><div align="center" class="title01">用户注册</div></td>
</tr>
<tr>
<td width="79" class="color"><div align="right">用户名</div></td>
<td width="581">
<input type="text" name="name" value="请输入用户名">
</td>
</tr>
<tr>
<td class="color"><div align="right">密码</div></td>
<td>
<input type="password" name="password" size="10">
</td>
</tr>
<tr>
<td class="color"><div align="right">密码确认</div></td>
<td>
<input type="password" name="password2" size="10" onBlur="checkpassword()">
</td>
</tr>
<tr>
<td class="color"><div align="right">性别</div></td>
<td>
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td class="color">
<div align="right">邮箱地址
</div></td>
<td>
<input type="text" name="email" value="请输入正确的邮箱地址">
<input type="button" value="检查邮箱格式" onClick="check()">
<input type="button" value="输入邮箱地址" onClick="Input('inputPage.htm')">
</td>
</tr>
<tr>
<td class="color"><div align="right">你感兴趣</div></td>
<td>
<input type="checkbox" name="inst1" value="VC" checked=>VC
<input type="checkbox" name="inst1" value="VB">VB
<input type="checkbox" name="inst1" value="VF">VF
<input type="checkbox" name="inst1" value="VJ">VJ<br>
<input type="checkbox" name="inst1" value="BC">BC
<input type="checkbox" name="inst1" value="CO">CO
<input type="checkbox" name="inst1" value="JA">JA
<input type="checkbox" name="inst1" value="Delphi">Delphi
</td>
</tr>
<tr>
<td height="112" class="color"><div align="right">你感兴趣</div></td>
<td>
<select name="inst2" size="6">
<option value="VC">VC</option>
<option value="VB">VB</option>
<option value="VF">VF</option>
<option value="VJ">VJ</option>
<option value="BC">BC</option>
<option value="CO">CO</option>
<option value="JA">JA</option>
<option value="Delphi">Delphi</option>
</select>
</td>
</tr>
<tr>
<td class="color"><div align="right">你来自</div></td>
<td>
<select name="from">
<option value="请选择">请选择</option>
<option value="上海">上海</option>
<option value="北京">北京</option>
<option value="天津">天津</option>
<option value="宁波">宁波</option>
<option value="舟山">舟山</option>
</select>
</td>
</tr>
<tr>
<td class="color"><div align="right">你喜欢的网站：</div>
</td>
<td>
<select name="like" onchange="web(this.value)">
<option value="#">==请选择==</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.qq.com">腾讯</option>
<option value="http://www.sina.com">新浪</option>
</select>
</td>
</tr>
<tr>
<td class="color"><div align="right">自我介绍</div></td>
<td>
<textarea name="area" cols="60" rows="10">
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="submit" value="提交" onClick="show()">
<input type="reset" name="reset" value="重置">
<input type="button" value="删除" onclick="del()">
</td>
</tr>
</table>
</form>
</body>
</html>
input.htm
<html>
<head>
<title>www.baidu.com</title>
<script language="javascript">
function returnPage(){
var el = document.cform.email.value;
var doc = window.opener.document;
doc.myform.email.value = el;
}
</script>
</head>
<form action="" name="cform">
<body>
请输入邮箱地址：<input type="text" name="email">
<input type="button" value="确定" onclick="returnPage()">
</body>
</form>
</html>
分享到：
相关推荐
新建网页，创建表单，在表单中建立表格（行列数应与表单元素一致），然后在单元格中输入文字和表单元素，制作用户注册页面
在这个“简单的用户注册登录”示例中，我们将深入探讨如何使用Java Server Pages (JSP)技术来实现这一核心功能。 首先，JSP是一种基于Java的服务器端脚本语言，用于创建动态网页。它将HTML、CSS和JavaScript与Java...
jsp用户注册页面是一个简单的用户注册界面，使用JSP技术实现了用户注册功能。该页面主要由四个部分组成，分别是index.jsp、dealwith.jsp、error.jsp和success.jsp页面。JavaScript语言用于对用户输入的注册信息进行...
通过以上步骤，我们就构建了一个使用Hibernate实现的简单用户注册页面。这个过程涵盖了Hibernate的基本使用，包括配置、实体类、DAO设计模式以及Web应用中的数据交互。在实际项目中，还需要考虑安全性、异常处理、...
本文实例为大家分享了Android用户注册界面的设计，供大家参考，具体内容如下 I. 实例目标 设计一个用户注册界面，在其中要使用到一些基础控件，如 文本框、编辑框、按钮、复选框等控件 II. 技术分析 首先在布局...
【标题】"简单jsp注册页面"所涉及的知识点主要集中在JavaServer Pages (JSP) 技术上，这是一种用于创建动态网页的服务器端技术。在本项目中，它被用来构建用户注册的功能，通常包括输入表单和处理注册数据两个部分。...
在本文中，我们将深入探讨如何在J2EE环境中实现一个基于MVC模式的简单用户注册与登录系统。这个示例涵盖了几个关键的技术知识点，包括JDOM解析XML文档、JDBC数据库操作、验证码生成以及MD5加密。对于初学者来说，...
启动软件后，首先进入登录页面，页面右下角有“新用户注册”按钮，点击按钮，跳转到注册页面。在注册页面，对用户名、密码、性别进行设置，点击“注册”按钮，完成注册。此时会自动跳转到登录页面，并且用户名处自动...
《jQuery实现简单用户登录注册页面模板详解》 在网页开发中，用户登录和注册界面是不可或缺的部分，而jQuery作为一款强大的JavaScript库，为开发者提供了丰富的功能，使得创建交互性强、用户体验良好的登录注册页面...
简单实现用户注册登录系统： 包括登录页面、注册页面、主页面； 对前端提交的数据，通过js进行合法性判断（用户名只能使用字母数字下划线组成，密码只能使用数字，注册时，两次输入的密码必须相同），不符合要求，不...
在IT领域，构建一个简单的登录注册页面是许多初学者入门Web开发的第一步。这个项目名为“简单登录注册页面”，旨在帮助新手理解基本的HTML、CSS和JavaScript技术，以及如何运用正则表达式进行表单验证。以下是这个...
通过学习这个简单的JSP登录注册页面，初学者可以掌握基本的JSP编程、数据库交互和前端验证技巧。随着经验的积累，可以进一步探索更复杂的Web应用开发，如使用Spring MVC框架、AJAX异步请求、以及更安全的用户认证和...
总结来说，通过学习这个简单的JSP用户注册示例，初学者可以理解JSP的基本工作流程，以及如何在JSP页面之间传递数据。随着技能的提升，可以逐步引入更多的功能，如数据验证、数据库操作和更复杂的用户界面设计，以...
首先，我们要理解HTML5在用户注册页面中的核心应用。HTML5新增了一些表单控件，如`<input type="email">`用于输入邮箱地址，`<input type="tel">`用于输入电话号码，这些都极大地提高了用户体验，因为它们提供了内置...
在本示例中，我们关注的是一个基础的用户注册页面的实现，以及页面间的跳转功能。通过ASP.NET和C#语言的结合，我们可以创建交互性强、功能丰富的Web应用。 首先，"ASP.NET简单的注册页面"涉及到的是用户界面的设计...
("UTF-8");%> 您的姓名是:("name")%> 您的密码是：("pwd")%> 你的职业是:("career")%> 喜欢的城市有：("city")%>
在C#编程语言中，创建一个简单的用户注册系统是一项基础任务，它涉及到用户输入处理、数据验证以及数据存储。下面将详细阐述这个过程中的关键知识点。 1. **基础控件和事件处理**： - 用户界面（UI）通常由文本框...
**JSP用户注册登录程序代码详解** 在Web开发领域，JSP（JavaServer Pages）是一种常用的服务器端脚本语言，用于生成动态网页内容。在这个"JSP用户注册登录程序代码"中，开发者利用JSP技术构建了一个基础的用户管理...
1.用户可以填写信息 2.单选，多选操作 3.下拉框选择 4.用户名和密码正则表达式校验 5.有任何一项未校验成功（包括空白）都无法注册或提交 6.注册成功后跳转到注册成功界面，注册成功后几秒后再次跳转到注册界面。