Dreamweaver CS6如何应用：[19]表单文本域

表单是Web网页的重要组成元素之一，通过表单可以实圬杂钴怖现动态数据的传输和交换效果。表单是数据库的输入窗鄹绦谟嚣口，在设计网页时为了满足动态数据的交互需求，需要使用表单来处理这些数据。那么，下面我们就一起看一下表单的一些基本操作知识吧

工具/原料

DreamweaverCS6

一、使用form标记

1、form标记出圬杂钴怖现在任何一个表单窗体的开始，其功能是设置表单的基础数据。使用form标记的语法格式如霍丶魇汜下所示。<formaction=""method="post"enctype="application/x-www-form-urlencoded"name="form1"target="_parent">name：表单的名字；method：数据的传送方式action：处理表单数据的页面文件enctype：传输数据的MIME类型target：处理文件的打开方式。

2、有如下两种传输数据的MIME类型：applicati艺皱麾酪on/x-www-form-urlencode：默认方式，通常和post一起弋讥孜求使用。multipart/form-data：上传文件或图片时的专用类型。

3、具体操作如下：新建一个HTML空白页；

4、在菜单栏选择’插入‘----’表单‘----’表单‘

5、在’属性‘面板选择需要的参数，如下图：

二、使用文本域

1、文本域的功能是收集页面的信息，包含了获取信息所需擢爻充种的所有选项。例如，在会员登录中需要输入用户名文本字段和登录鄹绦谟嚣口令字段。文本域功能是通过标记<input>实现的，具体语法格式如下所示：<label>我们的数据<inputtype="类型"name="文本域"id="标识"></label>type：文本域内的数据类型；name：文本域的名字；id：文本域的标识

2、具体操作如下：新建一个HTML空白页

3、在菜单栏中选择’插入‘---’表单‘---’文本域‘

4、在弹出的’输入标签辅助功能属性‘中输入ID和标签等

5、效果如下：

6、选中表单，在’属性‘面板上设置下图中的参数：

7、选中文本域，在’属性‘面板中设置相应的参数，见下图：

8、按F12预览，效果如下：

三、使用文本区域

1、新建一个HTML空白页

2、在菜单栏选中，‘插入’----‘表单’---‘文本区域’

3、在弹出的’输入标签辅助功能属性‘中输入ID和标签等

4、效果如下：

5、选中表单，在‘属性’面板设置相应的参数

6、选中‘文本区域’，在‘属性’面板中设置相应的参数

7、预览效果如下：