dreamweaver表单部分课件

表单表单的作用是收集用户信息，将其提交到服务器，从而实现与客户的交互。一个完整的表单包含两个部分：一是在网页中进行描述的表单对象；二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。浏览器处理表单的过程：用户在表单中输入数据，然后提交表单，浏览器根据表单体中的设置处理用户输入的数据。1.创建表单执行[插入][表单]菜单命令,然后在弹出的子菜单中选择[表单]formid=form1name=form1method=postaction=/formId/name:指定表单体名,该名可被文档中的脚本程序引用Method:指定表单数据的传递方式:”GET”方式只能传递不超过8192个字符的表单数据,”POST”方式没有限制.默认值是”get”Action:指定处理表单数据的服务器端脚本程序的地址(如,*.asp)2.插入表单对象在插入表单对象时,会弹出[输入标签辅助功能属性]对话框,各项参数的具体含义如下:[ID]:在该文本框中输入表单对象的名称[标签]:在该文本框中输入表单对象的前导文字[样式]:针对代码视图中的label标签而言[位置]:选择将标签文字放置于表单元素的前面或后面2.1文本域文本域接受任何类型的字母、数字和文本。文本可以单行或多行显示，也可以以密码的方式显示。[插入][表单][文本域]p用户名inputtype=textname=usernameid=username//pp密码inputtype=passwordname=userpasswordid=userpassword//pp个人简介textareaname=memocols=30rows=6id=memo/textarea/p文本域的名称设置文本域的宽度设置文本域中所能输入的最大字符数文本域中默认状态时显示的内容使文本区域成为只读文本区域禁用文本区域2.2文本区域文本区域的用法与多行显示的文本域相同[插入][表单][文本区域]2.3单选按钮代表互相排斥的选择,一组单选按钮的名称相同[插入][表单][单选按钮]p性别：inputtype=radioname=radioid=xingmingvalue=xingming/男inputtype=radioname=radioid=xingbievalue=xingbie/女/p单选按钮的名称选中单选按钮时的取值,用于数据的提取设置在浏览器中首次载入表单时单选按钮的选中状态2.4复选框允许在一组选项中选择多个选项,同一组复选框每一个复选框按钮的名字各不相同.[插入][表单][复选框]p爱好：inputname=favoritetype=checkboxid=favoritevalue=tiyu/体育inputname=favorite2type=checkboxid=favorite2value=yinyue/音乐inputname=favorite3type=checkboxid=favorite3value=meishu/美术inputname=favorite4type=checkboxid=favorite4value=shufa/书法/p复选框的名称复选框选中时的取值,该值会被传送给服务器端应用程序设置加载到浏览器中时复选框是否处于选中状态2.5列表/菜单列表/菜单用于显示一系列的信息,它包括列表和菜单这两种显示方式.2.5.1设置菜单指定名称单击该按钮,可以打开一个[列表值]对话框,通过该对话框可向表单对象中添加项设置对象中默认选定的项目列表值对话框在该列中输入要添加的菜单项菜单项被选中时的取值,该值会被传送给服务器端应用程序添加或删除菜单项排列菜单项的位置2.5.2设置列表设置列表的高度,即列表中显示的行数指定用户是否可以从列表中选择多个选项2.6复选框组[插入][表单][复选框组]复选框组的名称单击该列的[复选框]选项,可以输入复选框的标签复选框选中时的取值,该值会被传送给服务器端应用程序设置复选框的排列方式增加或减少复选框的数目上移或下移复选框的位置2.7单选按钮组[插入][表单][单选按钮组]单选按钮组的名称单击该列的[单选]选项,可以输入单选框的标签单选框选中时的取值,该值会被传送给服务器端应用程序上移或下移单选按钮的位置增加或减少单选按钮的数目设置单选按钮的排列方式2.8文件域[插入][表单][文件域]文件域应用于上传文件2.9跳转菜单[插入][表单][跳转菜单]为菜单项输入要在跳转菜单中显示的文本设置菜单名称选择后,跳转到指定的url设置文件的打开位置selectname=linkid=linkonchange=MM_jumpMenu('parent',this,1)optionvalue==新浪/optionoptionvalue=搜狐/option/select2.10按钮[插入][表单][按钮]设置按钮名称,用于后台程序调用输入按钮上显示的文本当单击该按钮后,将表单中的所有信息发送到服务器当单击该按钮后,将表单中的信息恢复为加载时的状态这种按钮可以同一个脚本或应用程序相链接,当单击该按钮时,就运行相应的脚本或程序inputtype=submitname=tijiaoid=tijiaovalue=提交/inputtype=resetname=resetid=resetvalue=重置/