20145304 Exp8 Web基础

实验后回答问题

（1）什么是表单
表单用于搜集不同类型的用户输入，由三个基本组成部分表单标签、表单域、表单按钮。表单提交有两种方法，分别是get和post,使用get时表单数据在页面地址栏中可见，使用post时，表单数据在页面地址栏中不可见。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等；表单按钮可提供提交、复位等功能。

（2）浏览器可以解析运行什么语言。
HTML、XML、JSP、Python、Java、Script、JavaScript、VBScript、Perl等

（3）WebServer支持哪些动态语言
PHP、JSP等

实验总结与体会

此次实验使我们学会了自己如何编写一个登陆网站，其中涉及到了WEB前端、后端以及数据库的使用，以及简单的SQL注入攻击和XSS攻击。
通过自己实践，了解到了GET和POST的差别，不断地修改代码，排查错误，使自己对网络编程的部分有了较深的印象。

实践过程记录

Apache环境配置

1.上次实验apache使用的端口为80，此次实验将端口设置为8088

2.测试apache，用Kali的火狐浏览器打开网页时出现了闪退，不确定是谁的原因，用本机360打开网页成功，显示的是上次实验的伪装网页。

3.测试Apache是否可读取工作目录下的文件（我就敲了一个20145304，按ESC就多了好多）。

4.测试完成。

Web前端html

1.进入Apache工作目录，新建5304form.html
2.编写html
刚开始使用了汉字，出现了乱码

修改后

3.用浏览器访问该HTML文件

4.点击提交，默认使用的是GET，表单数据在页面地址栏中可见

5.修改代码，使用POST方法提交

6.表单数据在页面地址栏中不可见，因为应答页面未编写，所以无法访问。

Web前端javascipt

1.设置输入不能为空，js代码如下：

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(grade,"grade must be filled out!")==false)
    {grade.focus();return false}
  else if (validate_required(number,"number must be filled out!")==false)
    {number.focus();return false}
  }
}

2.用浏览器访问测试