本科实验报告课程名称：Web开发实用技术基础实验项目：HTML语言网页程序设计JavascriptRequest与Response对象的应用Application与Session对象的应用实验地点：实验室211专业班级：学号：学生姓名：指导教师：2015年11月5日<tr><td>item 1</td><td>font</td></tr><tr><td>item 2</td><td>table</td></tr><tr><td>item 3</td><td>form</td></tr></table><hr><p>1<p>2<p>3<p>4<p>5<p>6<p>7<p><B><I><FONT COLOR=BLUE SIZE=4>End of the example document </FONT></I></B> </p></body></html>2．编写一个能输出如图所示界面的HTML文件。
三、主要仪器设备笔记本电脑四、实验结果实验内容1：页面中包含的元素有滚动条welcome to you，标题A simple HTML docunment，文字部分Welcome to the world of HTML.This is a simple HTML document.It is to give you an outline of how to write HTML file and how the markup tags work in the HTML（格式不同），列表，表格，段落。
实验内容2：代码：<html><head><title>表单范例</title></head><body><h2 align="center"><b><SPAN style="TEXT-DECORATION: underline">请留下个人资料</SPAN></b></h2><table align="center"><form name="form"><tr><td align="right">姓名：</td><td><input type="text" name="姓名"></td></tr><tr><td align="right">E-mail：</td><td><input type="text" name="邮箱"></td></tr> <tr><td align="right">电话：</td><td><input type="text" name="电话"></td></tr><tr><td align="right">性别：</td><td><input type="radio" name="性别" checked>女<input type="radio" name="性别">男</td></tr><tr><td align="right">年龄：</td><td><select><option selected>20以下<option>40以下<option>60以下<option>60以上</select></td></tr><tr><td align="right">留言板：</td><td><textarea name="留言板" rows="5" cols="40"></textarea><br></td></tr><tr><td align="right">您的爱好：</td><td><input type="checkbox" name="运动">运动<br><input type="checkbox" name="阅读">阅读<br><input type="checkbox" name="听音乐">听音乐<br><input type="checkbox" name="旅游">旅游</td></tr><tr><td align="center" colspan="2"><input type="submit" name="提交" value="提交"> <input type="reset" name="重写" value="全部重写"></td></tr></form></table></body></html>结果截图：五、讨论、心得程序开始编写的时候虽然有了要求的form，但是格式却不如例图中的整齐，后来查阅资料发现用表格可以使form里的元素格式变的整齐，看起来和例图中的一样了。
2．事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。
源程序清单如下：<html><head><script language="javascript">function myfunction(){alert("HELLO")}</script></head><body><form><input type="button" onClick="myfunction()" value="Call function"></form><p>By pressing the button, a function will be called. The function will alert a message.</p></body></html>分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。
3．JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。
三、主要仪器设备笔记本电脑。
四、实验结果实验内容1：页面上有一行文字“现在是北京时间：”，其后是一个文本框，内容为现在的时间。
事件为body，onLoad驱动调用start()获取本机时间并保存在名为display的文本框中。
关闭页面时，onUnload驱动调用Stop用来清零计时器。
实验内容2：点击按钮Call Function后显示页面时有一个按钮，按钮的值为Call Function，还有一行文字。
点击按钮Call Function后，onclick驱动函数myfunction()，显示提示框，提示框内容为HELLO。
实验内容3：代码：<html><head><title>用户登录</title><script language="javascript">function on_submit(){if(.value==""){alert("用户名不能为空，请输入用户名!");.focus();return false;}elsealert("登陆成功");}</script></head><body><table><form name="input" action="html_form_action.asp"method="get" onsubmit="return on_submit()"><tr><td>用户登录</td></tr><tr><td>请输入用户名：</td><td><input type="text" name="name"></td></tr><tr><td>请输入密码：</td><td><input type="password" name="Password"></td></tr></table><input type="submit" value="提交"><input type="reset" value="全部重写"></form></body></html>实验结果：五、讨论、心得这次实验时吸取了上次的教训，在编写时就加上了表格，这样看起来形式就更加的规范可靠。