HTML表单ppt课件

第04部分HTML-添加表单,1,必须使用表单在HTML文件中表单标记的用法注册名：  男女密码：学位：本科硕士博士爱好：游泳跑步,表单标记-form,表单主要用来收集客户端提供的相关信息，使网页具有交互的功能。在HTML中，用来创建一个表单，在标记中，可以设置表单的基本属性，包括表单的名称、处理程序、传送方法等。,1、表单的名称-name,语法：.这不是表单的必需属性，但是为了防止表单信息在提交到后台处理程序时出现混乱，一般要设置一个与表单功能符合的名称。,2、处理程序-action,真正处理表单的数据脚本或程序在action属性里，这个值可以是程序或脚本的一个完整URL。语法：.说明：“表单的处理程序“定义的是表单要提交的地址，也就是表单中收集到的资料将要传递的程序地址。,2、处理程序-action,举例：设定表单的处理程序这是一个没有控件的表单说明：在这个实例中，只定义了表单提交的地址为一个邮件。,3、传送方法-method,用来定义处理程序从表单中获得信息的方式，可取值为get或post。决定了表单中已收集的数据是用什么方法发送到服务器的。method=get:表单数据会被视为ASP的参数发送，也就是来访者输入的数据会附加在URL之后，由用户直接发送至服务器。优点：速度比post快，缺点：但数据长度不能太长，在没有指定method时，默认值是get。,3、传送方法-method,method=post:表单数据是与URL分开发送，用户端的计算机会通知服务器来读取数据。优点：数据长度没有限制。缺点：速度比get慢。,3、传送方法-method,举例：设定表单的处理程序这是一个没有控件的表单,4、目标显示方式-target,用来指定目标窗口的打开方式。包含4个取值：_blank：是指将返回的信息显示在新打开的中。_parent：是指将返回的信息显示在父级的浏览窗口中。_self：是指将返回的信息显示在当前浏览器窗口中。_top：是指将返回的信息显示在顶级浏览窗口中。,4、目标显示方式-target,举例：设定表单的处理程序这是一个没有控件的表单,说明,这里讲的只是表单的基本构成标记，而表单的标记只有和它所包含的具体控件相结合才能真正实现表单收集信息的功能。下面就对表单中各种功能的控件的添加方法加以说明。,5、在表单上添加控件,基本语法：,type可选值,type=text,举例：设定表单的处理程序用户名：,type=password,举例：设定表单的处理程序用户名：,type=radio,基本语法：说明：1、checked属性表示这一单选按钮默认被选中，而在一个单选按钮组中只能有一项设置为checked。2、value用来设置用户选中该项目后，传送到处理程序中的值。3、单选按钮name属性相同者为一组！,type=radio,举例：BananaAppleOrange,type=checkbox,基本语法：说明：1、checked属性表示这一选项默认被选中，一组选择项中可以有多个被选中。,三种按钮,举例：普通按钮提交按钮重置按钮,action、text、submit举例,设定表单的处理程序这是一个没有控件和表单提交按钮,action、text、submit举例,enctype属性,form标记的Enctype属性指定将数据回发到服务器时浏览器使用的编码类型。三种属性值的说明：application/x-www-form-urlencoded：窗体数据被编码为名称/值对。这是标准的编码格式。multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。,enctype属性,一般直接使用默认值。当在上传文件时候，那么需要对enctype的值进行设置。IE浏览器，默认值为application/x-www-form-urlencoded。,type=image,举例：,type=“file,举例：,下拉列表框,基本语法：选项显示内容.,下拉列表框,举例：BananaAppleOrange,列表框,语法：选项显示内容.说明：1、size设定页面中的最多列表项数，当超过这个值时会出现滚动条。2、multiple表示这一列