HTML表单.ppt

HTML表单,课程内容安排,表单制作 输入标记 提交表单信息 PHP处理表单 表单验证,表单制作,表单是网页上的一个特定区域，这个区域是由一对标记定义的。,图1 HTML表单 图2 表单源文件,表单的基本结构形式为： ,表单以标记开始，以标记结束，在这一对标记之间放入的是表单的对象。单击提交按钮，提交的范围就在这对标记之间的部分，其中包含处理表单的脚本程序位置、提交表单的方法等信息。,表1 表单包含标记,输入标记,文本域text 密码域password 文件域file 提交与重置按钮 复选框 单选按钮 下拉列表标记,文本域text,基本结构形式为： ,密码域password,在表单中，常见到输入到文本域中的文字均以“*”符号显示，这种形式的文本域称为密码域： ,文件域file,文件域用来浏览查找本地文件路径： ,提交与重置按钮,表单一般通过提交来处理信息，要提交信息，就要有提交按钮，HTML提供提交和重置按钮来实现信息的提交和重置： ,复选框,复选框checkbox可以同时选中多个选项: ,单选按钮,单选按钮radio只允许用户有一个选择： ,下拉列表标记,HTML还提供了另一种选择菜单下拉列表，可以节省空间，正常状态下只能看到一个选项，单击下三角按钮打开列表就能看到全部选项。 列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来查看各选项： 选项 选项 ,提交表单信息,get方法提交 post方法提交,get方法提交,get提交方法的本质上是将数据通过连接地址的形式传递到下一个页面，此方法提交表单，表单不会明显地改变页面状态。 get方法是最简单的提交方法，主要用于静态HTML文档、图像或数据库查询结果的简单检索。,post方法提交,post方法比get方法有很多优势，如果数据很多，用get提交会丢失很多数据； 如果用post提交，可以尽可能多地传递数据； 而且post也有更高的安全性，不会像get那样把传送的数据暴露在浏览器的地址栏中。,PHP处理表单,PHP最有用的特性之一是其能够自动将表单中的变量赋予PHP变量，这使得表单的处理变得非常快捷。,表单验证,用户名验证 邮件地址验证 密码验证,用户名验证,用户名几乎是每个表单所必填的，而且用户名常常有一些特殊的限制，如长度、特殊符号等限制。因此对用户的验证显得非常必要。,邮件地址验证,相比上面的姓名验证，电子邮件验证稍微复杂一些，电子邮件最主要的特征是其中必须包含“”符号。 一般来说，“”符号后面是一个邮件服务器地址，如，其后面有含有符号“.”，不过其判断方式与“”相同。,密码验证,密码验证的特点就是要限制密码的长度，然后需要确认两次输入的密码是否一致。 为了保证两次密码完全相同，需要验证两次密码的值是否相等。,综合练习,1.创建个人信息表单，选择所在的学校，填写学生个人信息。填写姓名、学号等，学号必须为数字，并处理所提交的信息。三者不能为空，学号必须为数字。 学生信息为：北京师大 张三 200801。 所选的学校有：北京大学，清华大学，北京师大，