三、实验内容:
1)使用frameset标签,以及搭配使用DIV+CSS,设计并布局简单的页面。
2)在其中的一个页面里面,开发一个用户注册界面,要求:使用JavaScript检查格式是否正确。
1、提交本次实验的实验报告。
<h1>
<img src="goods/abc.jpg">
</h1>
</div>
<div class="mainBox">
<h2>
<p>注册页面</p>
<form>
用户名: <input type="text" name="userName"/><br>
密码: <input type="password" name="pwd"/><br>
确认密码: <input type="password" name="pass"/><br>
<input type="submit" value="注册" />
<input type="button" value="取消" />
</h2>
</div>
Js:
function valid(form)
{
if(form.userName.value=="")
{
alter("Please enter a userName!");
from.userName.focus();
return false;
}
if(form.pass.value.length==0)
{
alter("Please enter your password!");
form.pwd.focus();
return false;
}
if(form.pwd.value.length<6)
{
alter(" your password must be at least 6 characters!");
form.pwd.focus();
return false;
}
var exp=/^[a-z 0-9]+$/;
if(!exp.test(form.pwd.value)
{
alter(" your password is illegal!");
form.pwd.focus();
return false;
}
alter("OK password");
return true;
}
if(form.pass.value!=form.pwd.value)
{
alter(" your password is not equal!");
form.pass.focus();
return false;
}
}
</script>
</head>
<body>
<form action="">
Enter your userName and password:
<input type="text" name="userName"/><br>
<input type="password" name="pwd"/><br>
<input type="password" name="pass"/><br>
<input type="submit" value="注册" />
<input type="button" value="取消" />
</form>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201008172412252.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTIwNzY3Mg==,size_16,color_FFFFFF,t_70#pic_center)
2、思考并回答问题
(1)超文本标记语言的文档主要由哪些标记构成?缺少任何一部份会对文件产生什么影响?不带任何标记的文档又会怎样?
HTML文档的基本结构:
<html> </html>:
这个标记是全部内容的容器,分别是网页的第一个和最后一个标记
<head></head>:
首部标记,用于提供与网页有关的各种信息
<body></body>:
正文标记
(2)要想使浏览器中显示的文字分行排列,应使用何种标记处理?
<br>和<p></p>都可以使用
(3)HTML语言中表格、表单分别有什么作用?
表格的作用:
可以精确控制文本和图像在网页中的显示位置。
表单的作用:在网页上提供一个图形用户界面。
(4)层叠样式表CSS的主要作用是改变什么?
Css可用于控制Web页面的外观,通过使用CSS样式设计页面的格式,可以实现页面内容
与表现形式的分离。
(5)JavaScript语言和Java语言的主要区别有哪些?
Javascript是基于对象的语言,而Java是面向对象的语言;
Javascript是弱类型的语言,Java是强类型的语言;
Javascript的对象是动态的,而Java是静态的。