2020-07-15

实验目的：学习Web的概念及HTML脚本
实验题目：制作静态HTML网页，包括输入姓名、学号、专业、政治面貌、照片等注册input.html，注册完成后到登录页login.html输入姓名和密码进行登录，登录成功后显示欢迎界面welcome.html,使用javascript验证输入的学号格式是否正确。
实验步骤：（可以有代码和截图）
1.在D盘创建一个名为html的文件夹，将网页存放在其中，另在html文件夹中创建一个images文件夹，用来放置三个网页分别用到的图片：

制作input.html网页（关键代码）
2.1设置背景图片：

2.2使用正则表达式对输入的学号进行限制

<script language="javascript">
	function validatenumber(objid){
	var o=document.getElementById(objid).value;
	var mode=/^[1-2]\d{10}$/;
	if(mode.test(o)){
	alert("学号格式正确！");
	return true;
	}
	else
	{
	alert("学号应该为1或2开头的11位的数字！");
	return false;
	}	
}
</script>

2.3网页的主体部分，包括，输入姓名，学号，专业，政治面貌，照片

姓名
学号
专业
政治面貌	群众 共青团员 预备党员 党员
照片

       制作login.html网页 3.1设置背景图片，制作lableb标签 3.2网页的主体部分，包括输入用户名，密码，登录按钮，清除按钮 用户名：
密码：

       制作welcome.html网页 实验结果：（截图） input网页界面： 1.1进入主页：

1.2验证学号格式，输入学号为“wgbcakav”，点击“注册”按钮

1.3验证学号格式，输入学号为“20171008157”，点击“注册”按钮

点击注册进入Login网页界面：

输入用户名密码，点击“登录”按钮，进入Welcome网页界面：