PHP和web页面交互(一)

一、创建表单
表单是使用
标签来创建并定义表单的开始和结束位置,中间包含多个元素,表单的结构如下:
<form name="form_name" method="method" action="url" enctype="value" target="target_win" id="id">
.......
</form>

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

二、.添加表单元素

输入域标记  
    <form>
    <input name="filed_name" type="type_name">
    </form>
参数name是指输入域的名称,参数type是指输入域的类型。
type属性取值和举例:
1、
<input name="user" type="text" value="纯净水" size="12" maxlength="1000">
name为文本框的名称,value是文本框的默认值,size是指文本框的宽度,maxlength指文本框的最大输入字符数。

2、
<input type="hidden"name="ddh">
隐藏域,用于表单中以隐含方式提交变量值。隐藏域在页面中对于用户而言是不可见的,添加隐藏域的目的在于通过隐藏的方式收集或者发送信息。浏览者单机发送按钮发送表单的时候,隐藏域的信息也被一起发送到了action指定的处理页。

3、
<input name="pwd" type="password" value="666666" size="12" maxlength="20">
密码域,用户在该文本框输入字符时将被替换显示为*号,起到保密作用。

3、
<input name="file" type="file" enctype="multipart/form-data" size="16" maxlength="200>
文件域,当文件上传时,可以用来打开一个模式窗口以选择文件。然后将文件通过表单上传到服务器,如上传word文件等各种类型的文件。但是必须注意上传的文件需要指明表单的属性 entype="multipart/form-data"才能实现上传功能。


4、
<input name="imageField" type="image" src="image/banner.gif" width="120" height="24" border="0">
图像域是指可以用在提交按钮位置上的图片,这幅图片具有按钮功能。

5、
<input name="sex" type="radio" value="1" checked><input name="sex" type="radio" value="0">
单选按钮,用于设置一组选择项,用户只能选择一项cheked属性来设置单选按钮的默认值。

6、
<input name="checkbox" type="checkbox" value="1" checked>封面
<input name="checkbox" type="checkbox" value="1" checked>正文内容
<input name="checkbox" type="checkbox" value="0">价格
复选框,允许用户选择多个选项,checked属性用来设置该复选框默认值,例如,收集个人信息时,要求在个人爱好选项中进行多项选择等。PHP和web页面交互(一)_第1张图片


7、
<input type="submit" name="Submit" value="提交">

将表单的内容提交到服务器端。

8、
<input type="reset" name="Submit" value="重置">

清除与重置表单内容,用于清除表单中所有文本框的内容,,而且使选择菜单项回复到初始值。

9、
<input type="button" name="Submit" value="按钮">按钮
可以激发提交表单的动作,可以在用户需要修改表单的时候将表单回复到初始状态,还可以依照程序的需要,发挥其他作用。普通按钮一般是配合JavaScript脚本来进行表单的处理。

2).选择域标记
     通过选择域标记
1、
<select name="spec" id="spec">
<option value="0" selected>网络编程</option>
<option value="1">办公自动化</option>
<option value="2">网页设计</option>
<option value="3">网页美工</option>
</select>
下拉列表框,通过选择域标记标记中指定该选项用户可以使用ctrl和shift键进行多选。这个是菜单方式的。

3).文本域标记