(9.2)--9.2学习表单创建.pdf

任务二：学习表单创建任务二：学习表单创建表单相当于一个容器，它容纳的是承载数据的表单对象，例如文本框、复选框等。因此，一个完整的表单包括两部分：表单及表单对象，二者缺一不可。在Dreamweaver CC中增强了表单元素对HTML5的支持，在“插入”栏或“插入”菜单中的“表单”选项卡中新增了多个新的表单对象，分别是“电子邮件”、“密码”、Url、Tel 和“搜索”等，如图所示。并且将表单元素插入到网页中之后，表单元素的“属性”面板中新增了许多新的属性设置选项：Disabled禁用；Required必需的；Auto Complete自动完成；Auto Focus自动聚焦；Read Only只读，如图所示。任务二：学习表单创建插入表单的常用方法有以下两种：方法一：单击“插入”栏“表单”选项“表单”按钮，如图所示。方法二：选择“插入”菜单“表单”选项“表单”命令。表单的作用是当访问者单击表单的“提交”按钮时，浏览器将表单对象包含的数据发送到服务器，因此表单对象必须置于表单中。插入表单1 单击“表单”外框，或单击“文档”窗口左下角的标签，选择表单。在“属性”面板中设置表单属性，如图所示。其中各项属性的功能如下：1)表单ID：表单在网页中的标识。2)动作(Action)：指定处理表单信息的服务器端的应用程序，单击“浏览文件”按钮，查找需要的应用程序，或者直接输入应用程序路径。此外，也可以通过指定电子邮件的方式处理表单，例如在Action文本框中输入“mailto：电子邮件地址”，则使用电子邮件的方式处理表单数据。2 设置表单属性3)方法(Method)：设置表单的提交方式。提交方式有三种：默认、POST、GET。默认值为POST。POST与GET的区别：一般GET方式是将数据附在URL后发送，即所传送的数据会在浏览器的地址中显示出来，而且数据长度有限制。POST携带的数据量大，它是将表单中的数据作为一个文件提交的，不会将内容附在URL后，比较适合内容较多的表单。4)编码方式(Enctype)：指定对提交服务器进行处理的数据使用MIME编码类型，默认设置为application/x-www-form-urlencode，在发送前编码所有字符(默认)；multipart/form-data不对字符编码，在使用包含文件上传控件的表单时，必须使用该值；Text/plain，以纯文本的形式传送信息。设置表单属性2 THANKS