PHP与web页面交互-生活导航-学通PHP http://www.xn--ttss6e.net

表单是web编程中不可缺少的重要元素,一般作为收集用户提交的数据。表单程序的动作原理是:在客户端通过表单提交数据,将数据提交给web服务器的脚本程序。在脚本程序中完成对数据的处理。下面讲解表单以及表单中的元素是如何定义的。

表单概述

web表单的功能是让浏览者和网站有一个互动的平台,主要用来在网页中发数据到服务器。例如,提交注册信息时,当用户填写信息后执行提交操作,将表单的数据从客户端的浏览器传送到服务器端,经过服务器端PHP程序进行处理后,再将用户所需要的信息传递回客户端的浏览器上,从而获得用户信息,使PHP与web表单实现交互。

创建表单

表单的使用

标签来创建并定义表单的开始和结束位置,中间包含多个元素,表单结构如下:

<form name="form_name" method="method" action="url" enctype="value" target="target_win" id="id"> ....... </form>

<form>标记的属性如表所示

<form>标记的常用属性

 
属性 描述
name 表单名称
id 表单的ID号
method 该属性用于定义表单中数据的提交方式,可取值为GET和POST中的一个。GET方法将表单内容附加在URL地址后面进行提交,所以对提交信息的长度进行了限制,不可以超过8192个字符,同时GET方法不具有保密性,不适合处理如信用卡卡号等要求保密的内容,而且不能传送ASCII的字符;POST方法将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器,不会在浏览器的地址栏中显示,这种方式传送的数据没有大小限制。默认为GET方法。
action 该属性定义将表单中的数据提交到哪个文件中进行处理,这个地址可以是绝对URL,也可以是相对的URL。如果这个属性是空值则提交到当前文件
enctype 设置表单资料编码格式
target 该属性和链接中的同名属性类似,用来指定目标窗口或目标帧

输入域标记<input>

输入域标记<input>是表单中最常用的标记之一。常用的文本域、按钮、单选按钮、复选框等构成了一个完整的表单。其语法格式如下:

<form> <input name="filed_name" type="type_name"> </form>

其中参数name是指定输入域的名称,参数type是指输入域的类型。在<input type="">标记中一共提供了10种类型的输入区域,用户所选择使用的类型由type属性取值及举例如表所示

type属性取值及举例

举例 说明 运行结果
text <input name="user" type="text" value="纯净水" size="12" maxlength="1000"> name为文本框的名称,value是文本框的默认值,size指文本框的宽度(以字符为单位),maxlength指文本框的最大输入字符数。 添加一个文本框:
hidden <input type="hidden" name="ddh"> 隐藏域,用于在表单中以隐含方式提交变量值。隐藏域在页面中对于用户而言是不可见的,添加隐藏域的目的在于通过隐藏的方式收集或都发送信息。浏览者单击发送按钮发送表单时,隐藏域的信息也被一起发送到action指定的处理页。 添加一个隐藏域:
password <input name="pwd" type="password" value="666666" size="12" maxlength="20"> 密码域,用户在该文本框中输入字符时将被替换显示为*号,起到保密作用 添加一个密码域:
file <input name="file" type="file" enctype="multipart/from-data" size="16" maxlength="200"> 文件域,当文件上传时,可用来打开一个模式窗口以选择文件。然后将文件通过表单上传到服务器,如上传Word文件等各种类型的文件。但是必须注意的是,上传文件时需要指明表单的属性enctype="multipart/form-data"才可以实现上传功能。 添加一个文件域:
image <input name="imageField" type="image" src="images/banner.gif" width="120" height="24" border="0"> 图像域是指可以用在提交按钮位置上的图片,这幅图片具有按钮的功能。 添加一个图像域:
radio <input name="sex" type="radio" value="1" checked="checked">男<input name="sex" type="radio" value="0">女 单选按钮,用于设置一组选择项,用户只能选择一项checked属性用来设置单选按钮默认值。 添加一组单选按钮(如你的性别为:)
checkbox <input name="checkbox" type="checkbox" value="1" checked=>新疆门户<input name="checkbox" type="checkbox" value="1" checked>生活时尚<input name="checkbox" type="checkbox" value="0">企业名片 复选框,允许用户选择多个选择项。checked属性用来设置该复选框默认值。例如,收集个人信息时,要求在个人爱好的选项中进行多项选择等。 添加一组复选框(你喜欢关注相商动易那一组栏目:)新疆门户生活时尚企业名片
submit <input type="submit" name="Submit" value="提交"> 将表单的内容提交到服务器端 添加一个提交按钮:
reset <input type="reset" name="Submit" value="重置"> 清除与重置表单内容,用于清除表单中所有文本框的内容,而且使选择菜单项恢复到初始值 添加一个重置按钮:
button <input type="button" name="Submit" value="按钮"> 按钮可以激发提交表单的动作,可以在用户需要修改表单时,将表单恢复到初始的状态,还可以依照程序的需要,发挥其他作用。普通按钮一般是配合javaScript脚本来进行表单的处理。 添加一个普通按钮:
http://www.xn--ttss6e.net http://www.xn--ttss6e.net
  • PHP与web页面交互-生活导航-学通PHP
  • 分享到QQ空间