DW_13应用表单教程.ppt

网站建设;第13章;第一节 认识网页中的表单 个人网站的设计者除了想宣传自己外，还希望收到他人的反馈信息，实现浏览网页的用户与Internet服务器之间的交互。 表单为网站设计者提供了通过网络接收用户数据的平台，如注册会员页、网上订货页、检索页等，都是通过表单来收集用户信息。因此，表单是网站管理者与浏览者间沟通的桥梁。 表单是允许用户输入数据的机制。;*; 一个完整的表单功能主要包括两个部分： ① 表单可视部分：描述表单的HTML源代码； ② 表单处理代码部分：处理用户在表单域中输入的信息的服务器端应用程序和客户端脚本。;*;第二节 表单的结构 表单的HTML代码如下： form id=“Login name=form1 method=post action= p用户名：label for=textfield2/label input type=text name=textfield id=textfield2 / /p p密码：label for=textfield3/label input type=text name=textfield2 id=textfield3 / /p p input type=submit name=button id=button value=提交 / nbsp;nbsp; nbsp;nbsp;nbsp;nbsp; input type=reset name=button2 id=button2 value=重置 / /p /form;表单标签的通用属性;action属性：处理表单的数据脚本或程序的一个完整的URL地址；也可以是一个电子邮件地址： 如： form action=mailto:1347014722@ /form method属性：指定数据发送的方式； method=get：将表单要传输的数据附加在URL之后，由用户端直接发送至服务器，中间用？隔开；传输速度比post快，但缺点是数据长度不能够太长。get为默认值。 method=post：将表单数据加密，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度上也会比POST慢。;*;enctype属性：对表单内容进行编码的 MIME 类型。 Text/plain：以纯文本的形式传送； application /x-www-form-urlencoded：默认的编码形式； multipart/form-data：MIME编码，上传文件的表单必须选择该项； target属性：目标对象的显示方式。target属性用来指定目标窗口的打开方式。 _blank是指将返回的信息显示在新打开的窗口中； _parent是指将返回信息显示在父级的浏览器窗口中； _self则表示将返回信息显示在当前浏览器窗口； _top表示将返回信息显示在顶级浏览器窗口中。;第三节 表单域类型 一、单行输入域 INPUT是表单输入标记符，在表单创建中使用频繁，大部分表单内容需要用到此标记符。其语法如下： INPUT type=“** name=“**“ value=“**“ size= INPUT name=“***” type=text / textarea / password/ checkbox/radio /submit/reset/file/hidden/image/button type各项的意义是： text —表示输入单行文本。 textarea —表示输入多行文本。 password —表示输入数据为密码，用“*”表示。 ;checkbox—表示复选框。 radio—表示单选框。 submit—表示提交按钮，数据将被送到服务器。 reset—表示清除表单数据，以利于重新输入。 file—表示插入一个文件。 hidden—表示隐藏按钮。 image—表示插入一个图像。 button—表示普通按钮。;1、创建单行文本框/密码 语法格式如下： INPUT type=text/password name=* value= size= maxlength= name属性指定了控件的名称； value属性指定了控件的初始值； size属性指定了文本框的宽度； maxlength属性指定了在文本框中可以输入的最长文本数。 ;2、创建复选框和单选框 语法格式如下： INPUT type=checkbox/radio name=* value= ,（checked） type属性为checkbox，是一个复选框，为radio，是一个单选框； nam