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

1、form标记出现在任何一个表单窗体的开始，其功能是设置表单的基础数据。使用form标记的语法格式如下所示。

  <form action="" method="post" enctype="application/x-www-form-urlencoded" name="form1" target="_parent">

name：表单的名字；

method：数据的传送方式

action：处理表单数据的页面文件

enctype：传输数据的MIME类型

target：处理文件的打开方式。

2、有如下两种传输数据的MIME类型：

application/x-www-form-urlencode：默认方式，通常和post一起使用。 

multipart/form-data：上传文件或图片时的专用类型。

3、具体操作如下：

新建一个HTML空白页；

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

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

1、文本域的功能是收集页面的信息，包含了获取信息所需的所有选项。例如，在会员登录中需要输入用户名文本字段和登录口令字段。 

文本域功能是通过标记<input>实现的，具体语法格式如下所示：

  <label>我们的数据

  <input type="类型" 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、预览效果如下：