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